## 小程序对接插件
使用豆信开发的插件,在ApiController中实现了供小程序对接的Api,在小程序开发过程中,要对接豆信插件,需要一些特殊的设置,比如请求header头里面需要包含接口请求凭证ak、sk参数等。为了方便开发者在小程序中进行Api联调,豆信提供了一个封装好的util.js,开发者需要在小程序根目录创建一个ext.js并填写好与豆信后台对接的参数,在需要对接Api请求的页面js文件中,只需要引入util.js文件,并且使用封装的util.request()方法即可。
例如下面的调用会发送请求到:
`http://dev.douchat.net/addon/Demo/api/getDiaryList/mpid/4`
- pages/account/release/release.js
```
var app = getApp();
var util = require('../../../utils/util.js');
util.init();
Page({
data: {
diaryList: null
},
onLoad: function () {
var that = this;
util.request({
url: 'getDiaryList',
method: 'get',
success: function(res) {
console.log(res)
if (res && res.items) {
that.setData({
diaryList: res.items
});
}
}
});
}
});
```
- ext.js
```
module.exports = {
apiType: 1, // 手动接入的方式
apiBase: {
domain: 'http://dev.douchat.net',
mpid: 4,
addon: 'Demo',
version: '0.4.0',
ak: 'LOFWZR7jPrahA1ZJkeLX1c5qMCQMSqRq',
sk: 'a48xboHhOpQIpnEl1KnzCRyGRWWMLhxMWZz4QCM1QTg'
}
}
```
- util.js
```
var apiBase = {
domain: '',
mpid: 0,
addon: '',
version: '',
ak: '',
sk: ''
};
// 初始化
function init() {
var ext = require('../ext.js')
if (ext && ext.apiType == 1) { // 手动接入的方式
apiBase = ext.apiBase;
}
}
// 发起请求
function request(options) {
var url = options.url || ''; // 请求地址
if (url.indexOf('http') != 0) { // 通过相对地址发起请求
url = apiBase.domain + '/addon/' + apiBase.addon + '/api/' + url + '/mpid/' + apiBase.mpid;
}
var data = options.data || {}; // 请求数据
var header = options.header || {}; // 请求头
if (!header['content-type']) {
header['content-type'] = 'application/x-www-form-urlencoded';
}
if (!header['ak']) {
header['ak'] = apiBase.ak;
}
if (!header['sk']) {
header['sk'] = apiBase.sk;
}
if (!header['version']) {
header['version'] = apiBase.version;
}
if (!header['User-Token']) {
header['User-Token'] = wx.getStorageSync('userToken');
}
var method = (options.method || 'get').toUpperCase(); // 请求方式
var dataType = options.dataType || 'json'; // 请求数据的格式
var responseType = options.responseType || 'text'; // 响应数据格式
wx.request({
url: url,
method: method,
data: data,
header: header,
dataType: dataType,
responseType: responseType,
success: function(res) {
if (options.success && typeof options.success == 'function') {
options.success(res.data);
}
},
fail: function(res) {
if (options.fail && typeof options.fail == 'function') {
options.fail(res.data);
}
},
complete: function(res) {
if (options.complete && typeof options.complete == 'function') {
options.complete(res.data);
}
}
});
}
// 获取配置
function getSettings(cb, refresh) {
var settings = wx.getStorageSync('settings');
if (!settings || refresh == true) {
request({
url: 'getSettings',
method: 'get',
success: function (res) {
if (res && res.errcode == 0 && res.items) {
wx.setStorageSync('settings', res.items);
if (typeof cb == 'function') {
cb(res.items);
}
}
}
});
} else {
if (typeof cb == 'function') {
cb(settings);
}
}
}
// 获取用户信息
function getUserInfo(cb, refresh) {
if (refresh == true) {
login(cb)
} else {
var userInfo = wx.getStorageSync('userInfo');
if (typeof cb == 'function') {
cb(userInfo);
}
}
}
// 登录检测
function checkLogin(options) {
wx.checkSession({
success: function() {
var userInfo = wx.getStorageSync('userInfo');
var userToken = wx.getStorageSync('userToken');
if (!userInfo || !userToken) {
if (options && typeof options.fail == 'function') {
options.fail();
}
} else {
request({
url: 'isLogin',
method: 'post',
header: {
'User-Token': userToken
},
success: function (res) {
if (res && res.errcode == 0) { // 登录有效
if (options && typeof options.success == 'function') {
options.success();
}
} else {
if (options && typeof options.fail == 'function') {
options.fail();
}
}
},
fail: function () {
if (options && typeof options.fail == 'function') {
options.fail();
}
}
});
}
},
fail: function() {
if (options && typeof options.fail == 'function') {
options.fail();
}
}
});
}
// 用户登录
function login(cb) {
wx.login({
success: function(res) { // 本地登录成功
wx.getUserInfo({ // 获取用户信息
success: function(ret) {
request({ // 远程登录
url: 'login',
method: 'post',
data: {
code: res.code,
encryptedData: ret.encryptedData,
iv: ret.iv
},
success: function(data) {
if (data.errcode == 0 && data.items) { // 登录成功
// 缓存用户信息和登录态sk
wx.setStorageSync('userInfo', data.items.user_info);
wx.setStorageSync('userToken', data.items.user_token);
if (typeof cb == 'function') {
cb(data.items.user_info);
}
} else {
loginFail();
}
},
fail: function() {
loginFail();
}
});
},
fail: function() {
loginFail();
}
});
},
fail: function() { // 登录失败
loginFail();
}
});
}
// 登录失败
function loginFail() {
wx.showModal({
content: '登录失败,请允许获取用户信息,如不显示请删除小程序重新进入',
showCancel: false
});
}
function showTip(sms, icon, fun, t) {
if (!t) {
t = 1000;
}
wx.showToast({
title: sms,
icon: icon,
duration: t,
success: fun
})
}
function showModal(c, t, fun) {
if (!t)
t = '提示'
wx.showModal({
title: t,
content: c,
showCancel: false,
success: fun
})
}
function formatTime(date) {
var year = date.getFullYear();
var month = date.getMonth() + 1;
var day = date.getDate();
var hour = date.getHours();
var minute = date.getMinutes();
var second = date.getSeconds();
return [year, month, day].map(formatNumber).join('/') + ' ' + [hour, minute, second].map(formatNumber).join(':');
}
function formatNumber(n) {
n = n.toString();
return n[1] ? n : '0' + n
}
module.exports = {
formatTime: formatTime,
init: init,
checkLogin: checkLogin,
login: login,
getSettings: getSettings,
getUserInfo: getUserInfo,
request: request,
showTip: showTip,
showModal: showModal
};
```
- 更新日志
- 入门
- 关于豆信
- 系统安装
- 功能介绍
- 公众号对接
- 小程序对接
- 系统架构
- 数据字典
- 框架目录结构
- 插件目录结构
- 运行流程
- 插件开发
- 新建插件
- info.php
- 设计数据表
- 插件控制器
- 后台管理控制器
- 移动端控制器
- 交互响应控制器
- 接口管理控制器
- 插件模型
- 插件视图
- 发布插件
- 自定义模型
- 通用增删改查
- common_lists
- common_add
- common_edit
- common_delete
- setMetaTitle
- setSubmitType
- setModel
- setListMap
- setListSearch
- setListOrder
- setListPer
- setEditMap
- setDeleteMap
- setFindMap
- addCrumb
- addNav
- addButton
- setTip
- 函数手册
- get_addon
- get_addon_settings
- tomedia
- get_fans_info
- 小程序开发专题
- 小程序对接插件.js
- 获取插件配置
- 获取用户信息
- 更新用户资料
- 公众号开发专题
- 获取粉丝信息
- 自定义分享
- 消息上下文
- 微信支付
- 企业付款
- 发送现金红包
- 发送模板消息
- 发送客服消息
- 引入前端资源
- 限制页面仅在微信浏览器访问
- 在插件页面中引入样式文件
- 在插件中创建跳转链接
- 数据预处理
- 插件开发实例
- 聊天机器人
- 留言板
- 常见问题解答