接入引导

微信小程序申请地址

开发需要

在微信小程序进行网络通信,只能和指定的域名进行通信,微信小程序包括四种类型的网络请求。
  1. 普通HTTPS请求(wx.request)

  2. 上传文件(wx.uploadFile)

  3. 下载文件(wx.downloadFile)

  4. WebSocket通信(wx.connectSocket)

    首先需要在微信公众平台的小程序中设置域名(最好是基于https协议的域名)

    接下来封装微信内置的wx.request的网络接口
    在项目目录创建 util文件夹,创建api.js文件

封装方法如下:

'use strict';
/**
 * url 请求地址
 * success 成功的回调
 * fail 失败的回调
 */
function _get( url, success, fail ){
    console.log( "------start---_get----" );
    wx.request({
        url: url,
        headers: {
            'Content-Type': 'application/json'
        },
        success: function (res) {
            success(res.data);
        },
        fail: function (res) {
        }
    })
    console.log( "------end---_get----" );
}
/**
 * url 请求地址
 * success 成功的回调
 * fail 失败的回调
 */
function _post_form( url, data, success, fail ) {
     console.log( "----start-----_post_from----" );
     wx.request( {
        url: url,
        header: {
            'content-type': 'application/x-www-form-urlencoded',
        },
        method:'POST',
        data:{data: data},
        success: function( res ) {
            success( res.data );
        },
        fail: function( res ) {
            fail( res );
        }
    });
     console.log( "----end-----_post_from----" );
}
/**
 * url 请求地址
 * success 成功的回调
 * fail 失败的回调
 */
function _post( url, data, success, fail ) {
    console.log( "---start----_post---" );
    wx.request( {
        url: url,
        header: {
            'content-type': 'application/json',
        },
        method:'POST',
        data:data,
        success: function( res ) {
            success( res.data );
        },
        fail: function( res ) {
            fail( res );
        }
    });
    console.log( "----end----_post-----" );
}
module.exports = {
    _get: _get,
    _post: _post,
    _post_form: _post_form
}

在页面引入
var api = require('../../util/api')

简单demo
api._post('接口url', '入口参数data', '成功回调function(res){}', '失败是返回function(res){}');

Codeing。。。