我们的插件是一个桌面程序,为了快速实现它,我们打算使用Chrome的App打包功能。
它到底能不能实现我们想要的效果呢?我们查看了一个已有的Chrome App: Postman Packaged App
它的效果让我们很满意:
由于我们从来没有做过Chrome App,所以第一个任务是做一个最简单的Chrome App:显示一个Html页面,上面有Hello world
两字。
这里是官方的教程:https://developer.chrome.com/apps/first_app
看起来很简单,我们只需要一个manifest描述文件,一个background script文件,和一些图标即可。
按照上面的教程,只要创建以下文件,并且贴上内容,就可以了。
|-- background.js
|-- icons
| |-- calculator-128.png
| `-- calculator-16.png
|-- manifest.json
`-- window.html
比预想中的简单太多。
安装也很方便,直接在Settings -> Extensions -> Load unpacked extension,选择文件所在的目录即可。
提示成功后,不需要重启,就可以在Dock上的google apps中看到,点击后,马上出现一个看起来非常像桌面程序的窗口出现,上书Hello World
,太酷了。
然后我们在它的基础上,修改了一些文字和图标,变成我们需要的Web Panda信息。
本想上传到Chrome web store上,但是那边没有开通中国的付款,无法交$5的注册费。搜了一下,感觉还挺麻烦的,所以先不上传,等弄得差不多了再上传。