小程序中打開公衆號文章（node版）

1.技術要求

   微信開發經驗+小程序開發經驗+會一點node

2.思路

    在6月份的一次更新，webview組件增長新的能力，webview 指向網頁的連接。可打開關聯的公衆號的文章，其它網頁需登陸小程序管理後臺配置業務域名。因此咱們能夠利用微信提供的"https://api.weixin.qq.com/cgi-bin/material/batchget_material「接口獲取全部的素材列表，咱們能夠將這些文章存入數據庫，方便使用，在將web-view 中的src替換爲獲取到的素材文章的永久連接，便可

3.源碼demo

1.獲取微信中的素材列表

//使用了request這個庫用於服務端請求

const token_url="https://api.weixin.qq.com/cgi-bin/token";
        const url = "https://api.weixin.qq.com/cgi-bin/material/batchget_material";
        const appid="本身的appid";
        const appsecret="本身的APPsecret";
        const type="news";
        const offset="0";
        const count="20";
        //獲取token
        let token_info=await new Promise(function(resolve,reject){
            request.get(`${token_url}?grant_type=client_credential&appid=${appid}&secret=${appsecret}`,function(error, response, body){
                if (!error && response.statusCode == 200) {
                    resolve(body);
                }
                reject(error);
            });
        })
        token_info=JSON.parse(token_info);
        const access_token=token_info.access_token;
        let data = {
            "type": type,
            "offset":offset,
            "count": count
        };
       // 獲取素材列表
        const res=await new Promise(function (resolve, reject) {
            request.post({url:`${url}?access_token=${access_token}`, form:JSON.stringify(data)}, function (error, response, body) {
                console.log("body-->",body);
                if (!error && response.statusCode == 200) {
                    resolve(body);
                }
                reject(error);
            })
        });


        console.log("res-->",res);

2.小程序端

//src 中填入獲取到的永久連接

<web-view src="http://mp.weixin.qq.com/s?__biz=MzI3MjM1MTUzNA==&mid=100000180&idx=1&sn=069844e709fdbe0aaa4129c97977b335&chksm=6b32a9f55c4520e3c7d9ec18b6e79a02689ea23ae01006ff7dc47677588b8b22a8c1e531661b#rd"></web-view>

3.結果

koahub node.js商城