在谷歌插件中使用nodejs模块

网上看到的文章直接复制过来,怕原来的文章没有了。
在搞谷歌浏览器开发,这个是在浏览器中能用npm包的方法
这次要介绍如何在谷歌插件中使用nodejs模块,演示的项目是 一个后台定时提醒的插件

运行环境
nodejs
Windows、Linux 或 MacOS 操作系统
chrome浏览器
browserify
##基础框架搭建

###创建一个基础的chrome插件框架
可以从谷歌插件的github克隆相应的例子进行修改

基本架构只需要包含:

manifest.json (谷歌插件配置文件)
background.js (后台逻辑js文件)
##将nodejs库使用转化为浏览器可使用的库

###下载安装browserify
npm install browserify -g

###下载node-schedule库

cd /mnt && npm install node-schedule
cd node_modules
browserify -r node-schedule/:node-schedule > node-schedule.js
重点:browserify -r node-schedule/:node-schedule > node-schedule.js命令中的node-schedule/:node-schedule中:后面指定browserify转换后生成的js文件可被require的名字
require(node-schedule)

将生成的node-schedule.js文件复制到项目里面
##编写逻辑代码

###background.js

复制成功
var scheduler = require(“node-schedule”)
Schedule();

function Schedule() {
//每5秒弹出test的通知
scheduler.scheduleJob(‘*/5 * * * * *’, function () {
notifyMe(“test”);
});
}

function notifyMe(msg, url) {
if (!Notification) {
alert(‘Desktop notifications not available in your browser. Try Chromium.’);
return;
}
if (Notification.permission !== “granted”)
Notification.requestPermission();
else {
var notification = new Notification(‘test’, {
body: msg,
});
};

}

manifest.json
复制成功
{
“manifest_version”: 2,
“name”: “googole-extension-test”,
“version”: “1.0”,
“description”: “googole-extension-test”,
“permissions”: [
“notifications”
],
“background”: {
“scripts”: [
“node-schedule.js”,
“background.js”
]
}
}
注意事项
manifest.json中background - >scripts顺序必须是node-schedule.js在background.js前面才能够将node-schedule.js文件中的require函数被background.js识别到(和页面js加载相同原理)

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值