# 有前端
当你有小程序前端代码时，可以通过如下方式，给小程序添加上用户点击订阅功能
## 下载辅助SDK
1. https://github.com/im3x/vpush_weapp_sdk
2. https://github.com/im3x/wePushUI
## 在 app.js 加载 SDK 代码
``` js
// 复制这里的代码，添加到你的小程序的 app.js 文件的【最底部】！！
// 这里以单JS文件SDK为例，我们要确保下方require的文件路径正确。
// 其他的SDK，请自行参考SDK目录下的文档说明操作
// 注意：放最底部！！
getApp().wePush = require('wePush.js');
// 当然，也可以直接在App()对象中引用！（如果上边操作了，这里请忽略）
// App({ wePush: require('wePush.js'), ...其他代码..});
```
## 在用户点击事件里添加订阅操作
``` js
// 这里要变通！要变通！！
// 在你的页面的 .js 文件里，找到用户点击的操作函数，比如用户点击订阅按钮，js里对应的 dingyueHandler 方法
// 那我们就在这个方法里，添加我们的订阅授权 API
// 下边是代码示例，请根据自身情况加以修改使用：
// page.js
Page({
data: {},
dingyueHandler: function () {
// 重点代码在着两行
getApp().wePush.dingyue(['这里填写订阅模板ID', '模板id2'], () => {
console.log('订阅成功！');
})
}
})
```
## 视频教程
小程序订阅消息系统配置指南：
链接: https://pan.baidu.com/s/1Vw7BUfYiREk1ApN7xJbuoA 提取码: mism
