技术开发 频道

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

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

点击下载Google Chrome 浏览器>>>

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

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

  1、 应用的开发

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

开发者如何玩转Chrome应用商店
▲图一、简短的manifest.json

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

开发者如何玩转Chrome应用商店
▲图二、应用图标

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

  2、应用的加载

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

开发者如何玩转Chrome应用商店
▲图三、打开扩展应用程序

开发者如何玩转Chrome应用商店
▲图四、默认扩展应用程序页面

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

开发者如何玩转Chrome应用商店
▲图五、开发人员工具条展开后

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

开发者如何玩转Chrome应用商店
▲图六、Hosted App加载成功

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

开发者如何玩转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链接,在登录页面左侧找到注册链接。

开发者如何玩转Chrome应用商店
▲图八、强大Google Account登录页面,其左侧的注册链接

开发者如何玩转Chrome应用商店
▲图九、简洁的Google Account注册页面

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

  3.3、上传应用

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

开发者如何玩转Chrome应用商店
▲图十、进入开发人员信息中心链接

开发者如何玩转Chrome应用商店
▲图十一、项目列表页面下方有个人选项设置

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

开发者如何玩转Chrome应用商店
▲图十二、Hosted App上传

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

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

开发者如何玩转Chrome应用商店
▲图十三、此链接如要经过认证

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

  3.4、发布应用

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

开发者如何玩转Chrome应用商店
▲图十四、认证提示信息

开发者如何玩转Chrome应用商店
▲图十五、Google Wallet支付页面

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

开发者如何玩转Chrome应用商店
▲图十六、项目列表中的应用

  3.5、测试发布

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

开发者如何玩转Chrome应用商店
▲图十七、修改测试人员账户

开发者如何玩转Chrome应用商店
▲图十八、修改测试人员账户展开

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

  小结:

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

0
相关文章