# 有前端
當你有小程序前端代碼時，可以通過如下方式，給小程序添加上用戶點擊訂閱功能
## 下載輔助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
