RM新时代官方网站

微信小程序詳細(xì)的開(kāi)發(fā)和搭建教程,可以自己動(dòng)手做小程序(微信小程序如何制作開(kāi)發(fā))

詳細(xì)的微信小程序開(kāi)發(fā)和搭建教程:

1、申請(qǐng)公眾號(hào),公眾號(hào)分為三種:訂閱號(hào)、企業(yè)號(hào),服務(wù)號(hào),它們各自的微信開(kāi)發(fā)的接口權(quán)限不一樣,一般都是服務(wù)號(hào)的開(kāi)發(fā)的多,其功能最多。

2、基本配置

在我們的公眾號(hào)里左側(cè)欄底端有個(gè)基本配置,需要在里面填寫一下基本信息和獲取相關(guān)的配置信息,到時(shí)我們用來(lái)配置,打通微信服務(wù)器與我們網(wǎng)站的服務(wù)器,流程的示意圖:

微信小程序詳細(xì)的開(kāi)發(fā)和搭建教程,可以自己動(dòng)手做小程序(微信小程序如何制作開(kāi)發(fā))

開(kāi)發(fā)者基本配置:

1) 公眾平臺(tái)官網(wǎng)登錄之后,找到“基本配置”菜單欄

微信小程序詳細(xì)的開(kāi)發(fā)和搭建教程,可以自己動(dòng)手做小程序(微信小程序如何制作開(kāi)發(fā))

2) 填寫配置

url填寫:http://外網(wǎng)IP:端口號(hào)/wx 。外網(wǎng)IP請(qǐng)到騰訊云購(gòu)買成功處查詢, http的端口號(hào)固定使用80,不可填寫其他。

Token:自主設(shè)置,這個(gè)token與公眾平臺(tái)wiki中常提的access_token不是一回事。這個(gè)token只用于驗(yàn)證開(kāi)發(fā)者服務(wù)器。

微信小程序詳細(xì)的開(kāi)發(fā)和搭建教程,可以自己動(dòng)手做小程序(微信小程序如何制作開(kāi)發(fā))

這里配置好,還沒(méi)行的,我們需要一段代碼,打通微信服務(wù)器與我們服務(wù)器之間的聯(lián)系。

這里只是寫部分主要的代碼。僅提供參考。

public static function checkSignature(){

$signature=$_GET[\”signature\”];//加密簽名(點(diǎn)擊提交的時(shí)候,傳過(guò)來(lái)的值,我們要與)

$timestamp=$_GET[\”timestamp\”];//時(shí)間戳

$nonce=$_GET[\”nonce\”];//隨機(jī)數(shù)

$token=TOKEN;//這個(gè)是我們微信號(hào)的設(shè)置的token

$tmpArr = array($token,$timestamp, $nonce);//轉(zhuǎn)化成數(shù)組

sort($tmpArr, SORT_STRING);//對(duì)數(shù)組進(jìn)行排序

$tmpStr = implode( $tmpArr );//數(shù)組轉(zhuǎn)化成字符串

$tmpStr = sha1( $tmpStr );//對(duì)現(xiàn)在的字符串加密,以便后面的驗(yàn)證

if( $tmpStr==$signature ){

echo $_GET[\’echostr\’];

}else{

return false;

}

}

,配通之后,后面操作,可以參考微信公眾號(hào)開(kāi)發(fā)手冊(cè)上面的來(lái)做,那里說(shuō)明夠詳細(xì)了。

微信小程序搭建教程:

第一步:搭開(kāi)發(fā)環(huán)境

首先,我們需要在本地搭建好微信「小程序」的開(kāi)發(fā)環(huán)境。即下載開(kāi)發(fā)者工具。微信官方已經(jīng)推出了正式版 IDE,打開(kāi)官網(wǎng)下載頁(yè)面,根據(jù)自己的操作系統(tǒng)選擇。

安裝好之后打開(kāi)運(yùn)行,會(huì)要求微信掃碼登陸。之后,就可以看到創(chuàng)建項(xiàng)目的頁(yè)面了。

選擇添加項(xiàng)目,沒(méi)有 AppID 就選無(wú)(如果亂寫會(huì)報(bào)錯(cuò),到時(shí)可能無(wú)法進(jìn)入項(xiàng)目)。

點(diǎn)擊“添加項(xiàng)目”之后,我們會(huì)進(jìn)入開(kāi)發(fā)工具的調(diào)試頁(yè)面。

微信小程序詳細(xì)的開(kāi)發(fā)和搭建教程,可以自己動(dòng)手做小程序(微信小程序如何制作開(kāi)發(fā))

第二步:下載「小程序」源碼

接下來(lái),我們下載「小程序」的源碼。可以選擇直接從官網(wǎng)提供的鏈接下載,也可以從微信團(tuán)隊(duì)的 Github 倉(cāng)庫(kù)拉取。推薦從 Github 倉(cāng)庫(kù)拉取,這樣可以及時(shí)獲取最新的代碼。

第三步:云端部署 server 代碼

雖然服務(wù)端的開(kāi)發(fā)不是本文的重點(diǎn),但是為了全面地體驗(yàn)「小程序」的整個(gè)開(kāi)發(fā)部署流程,我們還是有必要了解服務(wù)端的部署,詳情可以去花生殼了解哈。

第四步:準(zhǔn)備域名和配置證書

如果你已經(jīng)有了服務(wù)器和域名,并配置好了 https,那么可以跳過(guò)第 4-6 步了。

在微信小程序中,所有的網(wǎng)絡(luò)請(qǐng)求受到嚴(yán)格限制,不滿足條件的域名和協(xié)議無(wú)法請(qǐng)求。簡(jiǎn)單來(lái)說(shuō),就是你的域名必須走 https 協(xié)議。所以你還需要為你的域名申請(qǐng)一個(gè)證書。如果沒(méi)有域名,可以先注冊(cè)一個(gè)免費(fèi)的域名,然后登錄微信公眾平臺(tái)配置通信域名。

微信小程序詳細(xì)的開(kāi)發(fā)和搭建教程,可以自己動(dòng)手做小程序(微信小程序如何制作開(kāi)發(fā))

第五步:Nginx 配置 https

微信小程序云端示例鏡像中,已經(jīng)部署好了 Nginx,但是還需要修改配置中的域名、證書、私鑰。

配置完成后,重新加載配置文件并且重啟 Nginx。

第六步:域名解析

我們還需要添加域名記錄,將域名解析到云服務(wù)器上,這樣才可以使用域名進(jìn)行 https 服務(wù)??梢栽诨ㄉ鷼ぷ?cè)個(gè)域名,通過(guò)注冊(cè)域名的控制臺(tái)來(lái)添加主機(jī)記錄,解析生效后,域名就支持 https 訪問(wèn)了。

第七步:?jiǎn)?dòng)「小程序」的服務(wù)端

進(jìn)入相應(yīng)目錄,如果是你自己的服務(wù)器,請(qǐng)進(jìn)入相應(yīng)的文件夾啟動(dòng)

第八步:配置「小程序」通信域名

接下來(lái),在微信 web 開(kāi)發(fā)者工具打開(kāi)「小程序」項(xiàng)目,并把源文件config.js中的通訊域名 host 修改成你自己申請(qǐng)的域名。

然后點(diǎn)擊調(diào)試,即可打開(kāi)小程序Demo開(kāi)始體驗(yàn)。

微信小程序詳細(xì)的開(kāi)發(fā)和搭建教程,可以自己動(dòng)手做小程序(微信小程序如何制作開(kāi)發(fā))

如果你覺(jué)得有價(jià)值的話,請(qǐng)點(diǎn)贊、關(guān)注和轉(zhuǎn)發(fā)、收藏。了解更多互聯(lián)網(wǎng)資訊,請(qǐng)加入微信公眾號(hào)-西安酷客多程序, 微信小程序-西安酷客多程序進(jìn)行分享。

版權(quán)聲明:本文內(nèi)容由互聯(lián)網(wǎng)用戶自發(fā)貢獻(xiàn),該文觀點(diǎn)僅代表作者本人。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如發(fā)現(xiàn)本站有涉嫌抄襲侵權(quán)/違法違規(guī)的內(nèi)容, 請(qǐng)發(fā)送郵件至 舉報(bào),一經(jīng)查實(shí),本站將立刻刪除。

(0)
上一篇 2024年5月10日 上午11:53
下一篇 2024年5月10日 下午12:05

相關(guān)推薦

  • 項(xiàng)目質(zhì)量事故管理系統(tǒng)

    項(xiàng)目質(zhì)量事故管理系統(tǒng) 隨著現(xiàn)代項(xiàng)目管理工作的不斷發(fā)展,質(zhì)量事故已經(jīng)成為了項(xiàng)目管理中不可避免的問(wèn)題。這些問(wèn)題不僅會(huì)給項(xiàng)目本身帶來(lái)?yè)p失,還會(huì)對(duì)項(xiàng)目經(jīng)理、團(tuán)隊(duì)成員和其他利益相關(guān)者造成負(fù)面…

    科研百科 2025年1月23日
    5
  • 通信領(lǐng)域如何做科研項(xiàng)目

    通信領(lǐng)域如何做科研項(xiàng)目 科研項(xiàng)目是通信技術(shù)發(fā)展的重要推動(dòng)力量,也是推動(dòng)科技進(jìn)步的重要手段。在通信領(lǐng)域中,科研項(xiàng)目的成功與否直接關(guān)系到整個(gè)行業(yè)的發(fā)展。因此,通信領(lǐng)域的科學(xué)家們一直在不…

    科研百科 2025年5月26日
    1
  • 施工技術(shù) – BIM融合信息技術(shù)在智慧工地中如何應(yīng)用?看這篇就夠了(智慧工地和bim結(jié)合)

    摘要 通過(guò)文獻(xiàn)調(diào)研與歸納總結(jié),分析BIM技術(shù)在建筑工地的應(yīng)用情況,綜述BIM融合信息技術(shù)在智慧工地中的應(yīng)用、可實(shí)現(xiàn)的功能及解決的工程問(wèn)題。結(jié)果表明: BIM融合信息技術(shù)在異形構(gòu)件施…

    2022年6月23日
    552
  • 內(nèi)推有獎(jiǎng)勵(lì)

    內(nèi)推有獎(jiǎng)勵(lì)是一種激勵(lì)員工參與并積極推薦公司內(nèi)部活動(dòng)的方式,不僅能夠提高員工參與度,還可以為公司帶來(lái)更多的收益。本文將介紹一種內(nèi)推獎(jiǎng)勵(lì)的計(jì)算方法,以及如何有效地利用內(nèi)推獎(jiǎng)勵(lì)來(lái)提高員工…

    科研百科 2024年11月13日
    17
  • 高效率的開(kāi)源工具:在python操作簡(jiǎn)潔的sql代碼(開(kāi)源 sql)

    更多互聯(lián)網(wǎng)新鮮資訊、工作奇淫技巧關(guān)注原創(chuàng)【飛魚在浪嶼】(日更新) SQL語(yǔ)句是代碼,可以編寫,對(duì)其進(jìn)行版本控制,對(duì)其進(jìn)行注釋并使用文件保存運(yùn)行它。如果在Python程序中以字符串形…

    科研百科 2024年1月18日
    130
  • 淮安市第五人民醫(yī)院 王晗

    淮安市第五人民醫(yī)院 王晗 王晗是一位醫(yī)生,他在淮安市第五人民醫(yī)院擔(dān)任呼吸與危重癥醫(yī)學(xué)科醫(yī)生。作為一名醫(yī)生,他深知健康對(duì)于人類的重要性,也深知治療疾病需要耐心和毅力。 王晗醫(yī)生工作很…

    科研百科 2024年12月2日
    12
  • 電網(wǎng)相關(guān)方安全要求評(píng)估標(biāo)準(zhǔn)

    電網(wǎng)相關(guān)方安全要求評(píng)估標(biāo)準(zhǔn) 隨著電網(wǎng)的不斷發(fā)展,電網(wǎng)相關(guān)方的安全要求也變得越來(lái)越重要。電網(wǎng)相關(guān)方是指參與電網(wǎng)建設(shè),維護(hù),運(yùn)營(yíng)和管理的各方,包括電網(wǎng)建設(shè)者,運(yùn)營(yíng)商,維護(hù)者,和相關(guān)方等…

    科研百科 2024年10月29日
    9
  • 科研項(xiàng)目經(jīng)紀(jì)人

    科研項(xiàng)目經(jīng)紀(jì)人: 推動(dòng)科技進(jìn)步的力量 科研項(xiàng)目經(jīng)紀(jì)人是推動(dòng)科技進(jìn)步的重要力量之一。他們與科學(xué)家們合作,幫助他們尋找合適的研究項(xiàng)目,并提供項(xiàng)目融資、設(shè)備采購(gòu)、人員招聘等方面的支持。通…

    科研百科 2025年3月27日
    3
  • 智能IC卡水表刷卡顯示錯(cuò)誤代碼大全(智能ic卡水表故障代碼)

    智能IC卡水表在日常生活中起著不可忽視的作用,有時(shí)用戶在插卡后出現(xiàn)一些代碼,令用戶一頭霧水,現(xiàn)在小編,為大家詳解下插卡后出現(xiàn)的各種代碼的意思,希望能對(duì)大家有幫助:   1、EC00…

    科研百科 2024年5月14日
    581
  • 建設(shè)單位合同管理

    建設(shè)單位合同管理 建設(shè)單位作為項(xiàng)目開(kāi)發(fā)過(guò)程中的關(guān)鍵環(huán)節(jié)之一,其合同管理對(duì)于項(xiàng)目的成功實(shí)施至關(guān)重要。合同管理不僅僅是合同的簽訂和履行,還包括對(duì)合同的審查、監(jiān)督、執(zhí)行和結(jié)算等方面的管理…

    科研百科 2025年1月9日
    5
RM新时代官方网站