作為一名熱愛挖坑的程序猿,除了強攻專業(yè)外,也得跟跟大潮
下面整理了一下,熱門小程序的接入開源接口的配置步驟。。給初入門的小白指指路
先大概說一下流程:
1.以百思不得姐開源接口為例子
2.注冊小程序開發(fā)者賬號
3.找開源接口
4.怎么配置小程序的域名
5.請求數(shù)據(jù)
下面上圖(注冊就跳過了)
獲取Api
這是 易源數(shù)據(jù)ShowApi 。其中的開源接口平臺之一,這些開源的接口其實有很多平臺的,聚合數(shù)據(jù)應(yīng)該是最早做開源接口的,寫過天氣預(yù)報的demo都應(yīng)該知道吧。其它平臺各種注冊和創(chuàng)建應(yīng)用的流程都大同小異的了,我們需要的是最終返回 json
易源數(shù)據(jù).png
它的一些接口的參數(shù)如下,這里就先鋪墊一下,稍微注意它參數(shù)分成了系統(tǒng)級和應(yīng)用級,待會我們就要獲得系統(tǒng)別的參數(shù)。心急的小白可以點接口演示先看看json獲得一下成就感再往下看
接口演示.png
這里會埋下一個坑,因為即使我們不注冊它平臺不創(chuàng)建應(yīng)用,我們也能順利拿到需要的 json 數(shù)據(jù)了。但是...但是...但是當(dāng)你嘗試傳分頁碼或傳其它參數(shù)的時候,一些系統(tǒng)級別的參數(shù)也會跟著變化的。所以為了避免再走這些莫名其妙的坑,就要知道什么是系統(tǒng)級別的參數(shù)
appid和secret.png
在這里,我們只需要弄明白如何接接口,根據(jù)它描述我們只需要搞懂 showapi_sign 和 showapi_appid 就足夠了。其它三個參數(shù)是商業(yè)級的,也就是說項目上線讓訪問接口更安全的一些配置參數(shù),以及如何加密 appid 和 sign 的算法才會用的著。
注冊賬號創(chuàng)建應(yīng)用吧,好了,有了appid 和 sign(secret查看密鑰) 了
創(chuàng)建應(yīng)用.png
好了,接口有了,參數(shù)有了,你可以把它拷貝出來,放在瀏覽器拼接成完整的鏈接訪問一下,如無意外應(yīng)該就會返回一大串的json了
但是放在小程序就會報錯,因為小程序需要在后臺配置指定安全域名的鏈接才能訪問的(挺好的,需要麻煩了點,替我們考慮了很多不必要的麻煩)
小程序創(chuàng)建demo開始
顧及一下,怕小白沒耐心。我們從創(chuàng)建應(yīng)用開始(不要問我用什么開發(fā)軟件創(chuàng)建打開),如果是空白內(nèi)容新創(chuàng)建的應(yīng)用,會幫我們勾選 QuickStart 項目,里面自動實現(xiàn)了一些生命周期方法
小程序創(chuàng)建應(yīng)用.png
獲取AppID.png
我們AppID就填寫我們開發(fā)者平臺在設(shè)置-開發(fā)設(shè)置的那里。拷貝過來即可,這時候我們的應(yīng)用可訪問微信內(nèi)置的一些接口,如獲取用戶信息等。但是訪問我們自己的接口時,就報錯了。說什么 xxxx 不在以下 request 合法域名列表中,請參考文檔。那是因為小程序還沒配置服務(wù)器的安全域名。上圖的下半部門,就是配置服務(wù)器的域名,再回頭看看剛才開源接口的域名吧,你有沒有貼出來拼接訪問一下,前面的那一段就是域名 https://route.showapi.com。添加就好,你自己是管理員吧?這里添加域名是要管理員掃碼的,很安全的感覺是吧,因為升級后小程序默認(rèn)是 https:// 協(xié)議的。所以你只需要填 route.showapi.com 就好。下面就回到我們的編譯器,看看有沒有配置好。
在工具欄-選擇工具-項目詳情
項目域名配置信息.png
看看域名信息有沒有出現(xiàn)剛才在后臺配置的。如果沒有,關(guān)閉項目重新打開一下,在查看,確保這里出現(xiàn)你的合法域名才能訪問你的接口。到目前為止,你已經(jīng)可以訪問接口的了,但為人服務(wù)到底吧,誰讓我是大處女座。
小程序編碼
小程序代碼.png
全部刪掉它方法里面自動生成的代碼先,然后在 Page({data:{}})
創(chuàng)建等下請求完接口裝載json的數(shù)據(jù)集,和分頁碼。我這里沒有寫分頁加載的邏輯哦,只是告訴大家這么來定義分頁碼和傳參,因為網(wǎng)上的一些demo都有它們自己的分頁邏輯。然后在請求的data里面復(fù)制剛才在易源數(shù)據(jù)創(chuàng)建的應(yīng)用的 appid 和 sign 過來。然后運行一下,會看到控制臺打印如下信息
|