詳細(xì)的微信小程序開發(fā)和搭建教程:
1、申請公眾號,公眾號分為三種:訂閱號、企業(yè)號,服務(wù)號,它們各自的微信開發(fā)的接口權(quán)限不一樣,一般都是服務(wù)號的開發(fā)的多,其功能最多。
2、基本配置
在我們的公眾號里左側(cè)欄底端有個基本配置,需要在里面填寫一下基本信息和獲取相關(guān)的配置信息,到時我們用來配置,打通微信服務(wù)器與我們網(wǎng)站的服務(wù)器,流程的示意圖:
開發(fā)者基本配置:
1) 公眾平臺官網(wǎng)登錄之后,找到“基本配置”菜單欄
2) 填寫配置
url填寫:http://外網(wǎng)IP:端口號/wx 。外網(wǎng)IP請到騰訊云購買成功處查詢, http的端口號固定使用80,不可填寫其他。
Token:自主設(shè)置,這個token與公眾平臺wiki中常提的access_token不是一回事。這個token只用于驗(yàn)證開發(fā)者服務(wù)器。
這里配置好,還沒行的,我們需要一段代碼,打通微信服務(wù)器與我們服務(wù)器之間的聯(lián)系。
這里只是寫部分主要的代碼。僅提供參考。
public static function checkSignature(){
$signature=$_GET[\”signature\”];//加密簽名(點(diǎn)擊提交的時候,傳過來的值,我們要與)
$timestamp=$_GET[\”timestamp\”];//時間戳
$nonce=$_GET[\”nonce\”];//隨機(jī)數(shù)
$token=TOKEN;//這個是我們微信號的設(shè)置的token
$tmpArr = array($token,$timestamp, $nonce);//轉(zhuǎn)化成數(shù)組
sort($tmpArr, SORT_STRING);//對數(shù)組進(jìn)行排序
$tmpStr = implode( $tmpArr );//數(shù)組轉(zhuǎn)化成字符串
$tmpStr = sha1( $tmpStr );//對現(xiàn)在的字符串加密,以便后面的驗(yàn)證
if( $tmpStr==$signature ){
echo $_GET[\’echostr\’];
}else{
return false;
}
}
,配通之后,后面操作,可以參考微信公眾號開發(fā)手冊上面的來做,那里說明夠詳細(xì)了。
微信小程序搭建教程:
第一步:搭開發(fā)環(huán)境
首先,我們需要在本地搭建好微信「小程序」的開發(fā)環(huán)境。即下載開發(fā)者工具。微信官方已經(jīng)推出了正式版 IDE,打開官網(wǎng)下載頁面,根據(jù)自己的操作系統(tǒng)選擇。
安裝好之后打開運(yùn)行,會要求微信掃碼登陸。之后,就可以看到創(chuàng)建項(xiàng)目的頁面了。
選擇添加項(xiàng)目,沒有 AppID 就選無(如果亂寫會報錯,到時可能無法進(jìn)入項(xiàng)目)。
點(diǎn)擊“添加項(xiàng)目”之后,我們會進(jìn)入開發(fā)工具的調(diào)試頁面。
第二步:下載「小程序」源碼
接下來,我們下載「小程序」的源碼??梢赃x擇直接從官網(wǎng)提供的鏈接下載,也可以從微信團(tuán)隊(duì)的 Github 倉庫拉取。推薦從 Github 倉庫拉取,這樣可以及時獲取最新的代碼。
第三步:云端部署 server 代碼
雖然服務(wù)端的開發(fā)不是本文的重點(diǎn),但是為了全面地體驗(yàn)「小程序」的整個開發(fā)部署流程,我們還是有必要了解服務(wù)端的部署,詳情可以去花生殼了解哈。
第四步:準(zhǔn)備域名和配置證書
如果你已經(jīng)有了服務(wù)器和域名,并配置好了 https,那么可以跳過第 4-6 步了。
在微信小程序中,所有的網(wǎng)絡(luò)請求受到嚴(yán)格限制,不滿足條件的域名和協(xié)議無法請求。簡單來說,就是你的域名必須走 https 協(xié)議。所以你還需要為你的域名申請一個證書。如果沒有域名,可以先注冊一個免費(fèi)的域名,然后登錄微信公眾平臺配置通信域名。
第五步:Nginx 配置 https
微信小程序云端示例鏡像中,已經(jīng)部署好了 Nginx,但是還需要修改配置中的域名、證書、私鑰。
配置完成后,重新加載配置文件并且重啟 Nginx。
第六步:域名解析
我們還需要添加域名記錄,將域名解析到云服務(wù)器上,這樣才可以使用域名進(jìn)行 https 服務(wù)??梢栽诨ㄉ鷼ぷ詡€域名,通過注冊域名的控制臺來添加主機(jī)記錄,解析生效后,域名就支持 https 訪問了。
第七步:啟動「小程序」的服務(wù)端
進(jìn)入相應(yīng)目錄,如果是你自己的服務(wù)器,請進(jìn)入相應(yīng)的文件夾啟動
第八步:配置「小程序」通信域名
接下來,在微信 web 開發(fā)者工具打開「小程序」項(xiàng)目,并把源文件config.js中的通訊域名 host 修改成你自己申請的域名。
然后點(diǎn)擊調(diào)試,即可打開小程序Demo開始體驗(yàn)。
如果你覺得有價值的話,請點(diǎn)贊、關(guān)注和轉(zhuǎn)發(fā)、收藏。了解更多互聯(lián)網(wǎng)資訊,請加入微信公眾號-西安酷客多程序, 微信小程序-西安酷客多程序進(jìn)行分享。
版權(quán)聲明:本文內(nèi)容由互聯(lián)網(wǎng)用戶自發(fā)貢獻(xiàn),該文觀點(diǎn)僅代表作者本人。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如發(fā)現(xiàn)本站有涉嫌抄襲侵權(quán)/違法違規(guī)的內(nèi)容, 請發(fā)送郵件至 舉報,一經(jīng)查實(shí),本站將立刻刪除。