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