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

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

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

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

1、 应用的开发

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

 

 

 

 

▲图一、简短的manifest.json

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

 

 

 

 

▲图二、应用图标

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

2、应用的加载

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

 

 

 

 

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

 

 

 

 

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

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

 

 

 

 

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

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

 

 

 

 

▲图六、Hosted App加载成功

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

 

 

 

 

▲图七、在新标签页中的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链接，在登录页面左侧找到注册链接。

 

 

 

 

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

 

 

 

 

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

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

3.3、上传应用

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

 

 

 

 

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

 

 

 

 

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

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

 

 

 

▲图十二、Hosted App上传

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

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

 

 

 

 

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

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

3.4、发布应用

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

 

 

 

 

▲图十四、认证提示信息

 

 

 

 

▲图十五、Google Wallet支付页面

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

 

 

 

 

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

3.5、测试发布

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

 

 

 

 

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

 

 

 

 

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

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

小结：

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

来源： 265g