作為一名熱愛(ài)挖坑的程序猿蹂安，除了強(qiáng)攻專(zhuān)業(yè)外椭迎，也得跟跟大潮

下面整理了一下锐帜，熱門(mén)小程序的接入開(kāi)源接口的配置步驟。畜号。給初入門(mén)的小白指指路

先大概說(shuō)一下流程：

• 1.以百思不得姐開(kāi)源接口為例子
• 2.注冊(cè)小程序開(kāi)發(fā)者賬號(hào)
• 3.找開(kāi)源接口
• 4.怎么配置小程序的域名
• 5.請(qǐng)求數(shù)據(jù)

下面上圖(注冊(cè)就跳過(guò)了)

獲取Api

這是 易源數(shù)據(jù)ShowApi 缴阎。其中的開(kāi)源接口平臺(tái)之一，這些開(kāi)源的接口其實(shí)有很多平臺(tái)的简软，聚合數(shù)據(jù)應(yīng)該是最早做開(kāi)源接口的蛮拔，寫(xiě)過(guò)天氣預(yù)報(bào)的demo都應(yīng)該知道吧述暂。其它平臺(tái)各種注冊(cè)和創(chuàng)建應(yīng)用的流程都大同小異的了，我們需要的是最終返回 json

易源數(shù)據(jù).png

它的一些接口的參數(shù)如下建炫，這里就先鋪墊一下畦韭，稍微注意它參數(shù)分成了系統(tǒng)級(jí)和應(yīng)用級(jí)，待會(huì)我們就要獲得系統(tǒng)別的參數(shù)肛跌。心急的小白可以點(diǎn)接口演示先看看json獲得一下成就感再往下看

接口演示.png

這里會(huì)埋下一個(gè)坑艺配，因?yàn)榧词刮覀儾蛔?cè)它平臺(tái)不創(chuàng)建應(yīng)用，我們也能順利拿到需要的 json 數(shù)據(jù)了衍慎。但是...但是...但是當(dāng)你嘗試傳分頁(yè)碼或傳其它參數(shù)的時(shí)候转唉，一些系統(tǒng)級(jí)別的參數(shù)也會(huì)跟著變化的。所以為了避免再走這些莫名其妙的坑稳捆，就要知道什么是系統(tǒng)級(jí)別的參數(shù)

appid和secret.png

在這里赠法，我們只需要弄明白如何接接口，根據(jù)它描述我們只需要搞懂 showapi_sign 和 showapi_appid 就足夠了乔夯。其它三個(gè)參數(shù)是商業(yè)級(jí)的砖织，也就是說(shuō)項(xiàng)目上線(xiàn)讓訪(fǎng)問(wèn)接口更安全的一些配置參數(shù)，以及如何加密 appid 和 sign 的算法才會(huì)用的著末荐。

注冊(cè)賬號(hào)創(chuàng)建應(yīng)用吧镶苞，好了，有了appid 和 sign(secret查看密鑰) 了

創(chuàng)建應(yīng)用.png

好了鞠评，接口有了茂蚓，參數(shù)有了，你可以把它拷貝出來(lái)剃幌，放在瀏覽器拼接成完整的鏈接訪(fǎng)問(wèn)一下聋涨，如無(wú)意外應(yīng)該就會(huì)返回一大串的json了

但是放在小程序就會(huì)報(bào)錯(cuò)，因?yàn)樾〕绦蛐枰诤笈_(tái)配置指定安全域名的鏈接才能訪(fǎng)問(wèn)的(挺好的负乡，需要麻煩了點(diǎn)牍白，替我們考慮了很多不必要的麻煩)

小程序創(chuàng)建demo開(kāi)始

顧及一下，怕小白沒(méi)耐心抖棘。我們從創(chuàng)建應(yīng)用開(kāi)始(不要問(wèn)我用什么開(kāi)發(fā)軟件創(chuàng)建打開(kāi))茂腥，如果是空白內(nèi)容新創(chuàng)建的應(yīng)用，會(huì)幫我們勾選 QuickStart 項(xiàng)目切省，里面自動(dòng)實(shí)現(xiàn)了一些生命周期方法

小程序創(chuàng)建應(yīng)用.png

獲取AppID.png

我們AppID就填寫(xiě)我們開(kāi)發(fā)者平臺(tái)在設(shè)置-開(kāi)發(fā)設(shè)置的那里最岗。拷貝過(guò)來(lái)即可朝捆，這時(shí)候我們的應(yīng)用可訪(fǎng)問(wèn)微信內(nèi)置的一些接口般渡，如獲取用戶(hù)信息等。但是訪(fǎng)問(wèn)我們自己的接口時(shí)，就報(bào)錯(cuò)了驯用。說(shuō)什么 xxxx 不在以下 request 合法域名列表中脸秽，請(qǐng)參考文檔。那是因?yàn)樾〕绦蜻€沒(méi)配置服務(wù)器的安全域名蝴乔。上圖的下半部門(mén)记餐，就是配置服務(wù)器的域名，再回頭看看剛才開(kāi)源接口的域名吧薇正，你有沒(méi)有貼出來(lái)拼接訪(fǎng)問(wèn)一下剥扣，前面的那一段就是域名 https://route.showapi.com。添加就好铝穷，你自己是管理員吧钠怯？這里添加域名是要管理員掃碼的，很安全的感覺(jué)是吧曙聂，因?yàn)樯?jí)后小程序默認(rèn)是 https:// 協(xié)議的晦炊。所以你只需要填 route.showapi.com 就好。下面就回到我們的編譯器宁脊，看看有沒(méi)有配置好断国。

在工具欄-選擇工具-項(xiàng)目詳情

項(xiàng)目域名配置信息.png

看看域名信息有沒(méi)有出現(xiàn)剛才在后臺(tái)配置的惠啄。如果沒(méi)有虫溜，關(guān)閉項(xiàng)目重新打開(kāi)一下，在查看蚀狰，確保這里出現(xiàn)你的合法域名才能訪(fǎng)問(wèn)你的接口坐漏。到目前為止薄疚，你已經(jīng)可以訪(fǎng)問(wèn)接口的了，但為人服務(wù)到底吧赊琳，誰(shuí)讓我是大處女座街夭。

小程序編碼

小程序代碼.png

全部刪掉它方法里面自動(dòng)生成的代碼先，然后在 Page({data:{}})
創(chuàng)建等下請(qǐng)求完接口裝載json的數(shù)據(jù)集躏筏，和分頁(yè)碼板丽。我這里沒(méi)有寫(xiě)分頁(yè)加載的邏輯哦，只是告訴大家這么來(lái)定義分頁(yè)碼和傳參趁尼，因?yàn)榫W(wǎng)上的一些demo都有它們自己的分頁(yè)邏輯埃碱。然后在請(qǐng)求的data里面復(fù)制剛才在易源數(shù)據(jù)創(chuàng)建的應(yīng)用的 appid 和 sign 過(guò)來(lái)。然后運(yùn)行一下酥泞，會(huì)看到控制臺(tái)打印如下信息

數(shù)據(jù)請(qǐng)求成功.png

希望解決了大家的疑問(wèn)砚殿。