科技行者

行者学院 转型私董会 科技行者专题报道 网红大战科技行者

知识库

知识库 安全导航

至顶网软件频道应用软件Web开发者如何玩转Chrome应用商店

Web开发者如何玩转Chrome应用商店

  • 扫一扫
    分享文章到微信

  • 扫一扫
    关注官方公众号
    至顶头条

应用商店模式在被证明极具时代价值之后,再次被引入到了Web端,而消费者对于Web应用的下载和使用热情高涨。敏锐的开发者同样嗅到了Web应用商店带来的巨大商机,纷纷选择了应用商店作为根据地,推广自己的应用产品。本文以Hosted App为例介绍如何加载、发布Chrome应用,一步步帮助开发者开启自己的掘金之旅。

来源:IT168 2011年12月29日

关键字: 谷歌浏览器 Chrome Google

  • 评论
  • 分享微博
  • 分享邮件

ZDNet至顶网软件频道消息 应用商店对于身处智能化时代的我们来说,并不陌生,苹果利用智能手机将应用商店推向消费者,人们迈向了享受智能时代的第一步,紧接着谷歌Android,微软Windows phone智能平台也相继问世。App Store应用数量超过了50万,而Android应用也已经超过20多万,给开发者开辟了一个赚取收入的重要通道。

应用商店模式在被证明极具时代价值之后,再次被引入到了Web端,而消费者对于Web应用的下载和使用热情高涨。敏锐的开发者同样嗅到了Web应用商店带来的巨大商机,纷纷选择了应用商店作为根据地,推广自己的应用产品。

本文以Hosted App为例介绍如何加载、发布Chrome应用,一步步帮助开发者开启自己的掘金之旅。

1、 应用的开发

做一个简单的Hosted App需要一个manifest.json文件

Web开发者如何玩转Chrome应用商店

▲图一、简短的manifest.json

同时还需要有一个应用图标,大小128×128。

Web开发者如何玩转Chrome应用商店

▲图二、应用图标

准备好两个文件之后,再将以上两个文件放在Hosted App目录下。

2、应用的加载

下载Chrome浏览器之后,在Chrome浏览器中,通过地址栏右侧的自定义浏览器按钮->工具->打开扩展应用程序

Web开发者如何玩转Chrome应用商店

▲图三、打开扩展应用程序

Web开发者如何玩转Chrome应用商店

▲图四、默认扩展应用程序页面

点击右侧开发人员模式,展开开发人员模式工具条。

Web开发者如何玩转Chrome应用商店

▲图五、开发人员工具条展开后

点击“载入正在开发的扩展程序”,选择Hosted App目录,Hosted App即可加载成功。

Web开发者如何玩转Chrome应用商店

▲图六、Hosted App加载成功

我们在Chrome浏览器中,打开新标签页,即可看到我们加载Hosted App

Web开发者如何玩转Chrome应用商店

▲图七、在新标签页中的Hosted App

点击图标即可访问我们到我们设定的网站。此方法可以实现简单的惊喜、恶作剧等等,发挥聪明的想象力噢~

3、应用的发布

重点词汇“Chrome应用商店(Chrome web store)”登场,我们可以将开发的Chrome应用通过web store平台发布出来,供其他的Chrome用户安装使用,当然也可以设定为收费插件。

3.1、应用打包

将Hosted App目录打成zip包

3.2、用户注册、登录

打开Chrome web store链接https://chrome.google.com/webstore/category/home?hl=zh-CN 在页面右上角将会显示登录状态,此处依旧使用强大Google Account登录。首次接触Google App的朋友可以通过右上角的Sign in链接,在登录页面左侧找到注册链接。

Web开发者如何玩转Chrome应用商店

▲图八、强大Google Account登录页面,其左侧的注册链接

Web开发者如何玩转Chrome应用商店

▲图九、简洁的Google Account注册页面

开发者通过填写简单的信息,同意了谷歌服务条款,即可注册成功Google Account。

3.3、上传应用

在登录成功之后,我们通过点击在登录状态条右侧的工具按钮,打开下拉菜单,在菜单中通过“开发人员信息中心”链接,进入项目列表页面。

Web开发者如何玩转Chrome应用商店

▲图十、进入开发人员信息中心链接

Web开发者如何玩转Chrome应用商店

▲图十一、项目列表页面下方有个人选项设置

开发者通过页面右方的“添加新项目”按钮,进入文件上传页面,选择刚才打好的zip包进行上传。

Web开发者如何玩转Chrome应用商店

▲图十二、Hosted App上传

文件上传成功之后,我们就来到了修改项目页面,在此处,我们填写应用的说明,上传图标、截图、宣传相关文件,填写相关链接,选择类别、地区和语言。当然我们可以在此处修改定价和付款,暂不介绍。

需要注意的是,想要发布应用需要有一个经过webmasters认证成功网站,此操作是用来确定链接到的网站是你所管理的。通过Add a new site链接,按照步骤进行即可。

Web开发者如何玩转Chrome应用商店

▲图十三、此链接如要经过认证

在完成表单填写之后,我们选择保存草稿并返回信息中心。

3.4、发布应用

在之前的操作中,我们也看到发布应用并不是免费的,开发者需要为注册帐户支付5美元,来通过Google的认证。

Web开发者如何玩转Chrome应用商店

▲图十四、认证提示信息

Web开发者如何玩转Chrome应用商店

▲图十五、Google Wallet支付页面

我们通过Google Wallet支付成功之后,我们可以发布我们的应用

Web开发者如何玩转Chrome应用商店

▲图十六、项目列表中的应用

3.5、测试发布

我们还可以进行测试发布,目的是只让我们的测试团队可以看到及下载我们的应用。在项目列表下方我们可以编辑测试人员帐号列表,对测试人员账户进行修改。

Web开发者如何玩转Chrome应用商店

▲图十七、修改测试人员账户

Web开发者如何玩转Chrome应用商店

▲图十八、修改测试人员账户展开

编辑好测试人员账户之后,我们可以通过修改项目页面最下方“发布置测试账户”按钮,发布给我们测试账户后进行安装测试。

小结:

通过本文一步步的实战体验,相信开发者完全可以自主完成应用程序的开发、加载、上传、发布以及测试的整个过程,剩下的就是通过自己的创意,开发出让用户更加满意的产品了。赶快开始您的掘金之旅吧~

    • 评论
    • 分享微博
    • 分享邮件
    邮件订阅

    如果您非常迫切的想了解IT领域最新产品与技术信息,那么订阅至顶网技术邮件将是您的最佳途径之一。

    重磅专题
    往期文章
    最新文章