註冊(cè)小程式
要開(kāi)發(fā),首先自然需要有一個(gè)帳號(hào)。在瀏覽器搜尋“微信公眾平臺(tái)”,或直接造訪https://mp.weixin.qq.com/,可以看到帳號(hào)分三類:服務(wù)號(hào),訂閱號(hào)碼和小程式。前兩者這裡不多說(shuō),直接點(diǎn)選小程式進(jìn)去註冊(cè)即可。
相關(guān)免費(fèi)學(xué)習(xí)推薦:微信小程式開(kāi)發(fā)
設(shè)定伺服器
小程式本身已經(jīng)提供了很多接口,可以滿足開(kāi)發(fā)者大部分需求。但是如果已經(jīng)有實(shí)作了的服務(wù),那麼在小程式裡只需要呼叫服務(wù)介面就可以了(甚至可以用已經(jīng)寫(xiě)好的網(wǎng)頁(yè))。如果剛好有這方面的需求,那麼首先需要在小程式控制臺(tái)做相關(guān)的設(shè)定
#appid和秘鑰
進(jìn)入選單設(shè)定——》開(kāi)發(fā)設(shè)定。
首先在開(kāi)發(fā)者ID可以取得appID和秘鑰(AppSecret)。 appid是小程式的唯一標(biāo)識(shí),在開(kāi)發(fā)中需要用到。
伺服器網(wǎng)域
進(jìn)入選單 設(shè)定-》開(kāi)發(fā)設(shè)定。
在伺服器網(wǎng)域名稱做相關(guān)的設(shè)定。其中request合法域名就是java的服務(wù)介面部署的伺服器域名,如果有上傳下載檔案等特殊的需求,也可以設(shè)定對(duì)應(yīng)的伺服器。我的小程式用到了引用的web-view,所以也配置了業(yè)務(wù)網(wǎng)域。如果是在測(cè)試環(huán)境,可以用ngrok映射一個(gè)域名,但是需要注意,微信公眾號(hào)和小程序的域名都必須用https協(xié)議,所以不管是自己生成還是購(gòu)買,都是必須裝SSL證書(shū)的。
有關(guān)產(chǎn)生SSL憑證的操作,可以看我另外一篇文章(也是轉(zhuǎn)載別人的),可以點(diǎn)這裡
關(guān)聯(lián)設(shè)定
設(shè)定-》關(guān)聯(lián)設(shè)定 可以將小程式和公眾號(hào)以及開(kāi)放平臺(tái)綁定在一起。當(dāng)然這樣做是有意義的,例如公眾號(hào)支持在菜單裡跳轉(zhuǎn)小程序,小程序中也可以跳轉(zhuǎn)進(jìn)入公眾號(hào)。最重要的原因是微信的unionid的使用機(jī)制,如果要取得使用者的unionid,就必須將公眾號(hào)和小程式綁定到開(kāi)放平臺(tái)。 這裡要說(shuō)一點(diǎn)我遇到的問(wèn)題,就是如果用戶只用了你的小程序,而沒(méi)有關(guān)注你的公眾號(hào),那麼還是無(wú)法獲取到unionid的。
協(xié)助開(kāi)發(fā)
如果需要一個(gè)團(tuán)隊(duì)時(shí),那麼需要保證成員們有開(kāi)發(fā)的權(quán)限,進(jìn)入小程式首頁(yè),點(diǎn)擊使用者身分 ,可以新增使用者成員,給其賦予相關(guān)的權(quán)限即可,一般情況下,賦予以下幾種應(yīng)該就可以滿足了
開(kāi)發(fā)者工具
微信公眾平臺(tái)官網(wǎng)提供微信web開(kāi)發(fā)者工具,直接下載安裝就可使用。這裡可以直接看官方文件安裝開(kāi)發(fā)者工具。
專案結(jié)構(gòu)
根據(jù)這個(gè)鏈接,建立一個(gè)簡(jiǎn)單的小程序,然後就可以看一下專案的構(gòu)成。具體的細(xì)節(jié)可以看文檔,這裡只說(shuō)幾個(gè)我個(gè)人認(rèn)為值得注意的點(diǎn)。
project.config.json檔案
#根據(jù)文件說(shuō)的,這個(gè)檔案是保存一些個(gè)人化的設(shè)置,其中appid 這個(gè)屬性就是上面提到的appid。根據(jù)這個(gè)東西,專案完成之後,從開(kāi)發(fā)工具上傳到小程式控制臺(tái)時(shí)才會(huì)知道專案的身份,也就是它屬於哪個(gè)帳號(hào)。當(dāng)然了,如果把這個(gè)值改一下,那開(kāi)發(fā)人員根本就打不開(kāi)這個(gè)專案。
app.json檔案
所有頁(yè)面都必須寫(xiě)入pages數(shù)組,注意不能寫(xiě)字尾。因?yàn)殚_(kāi)發(fā)者沒(méi)有創(chuàng)建一個(gè)wxml文件,都會(huì)自動(dòng)產(chǎn)生js,json和wxss文件,所以pages數(shù)組中的元素,只需要根據(jù)文件名就會(huì)找到這四個(gè)不同類型的文件。
tabBar物件就是定義的導(dǎo)覽選單,需要把點(diǎn)擊導(dǎo)向的頁(yè)面定義在list數(shù)組中。
app.js檔案
這個(gè)檔案有一個(gè)globleData對(duì)象,裡面定義小程式的全域變量,可以在任何頁(yè)面去使用,例如可能需要在這裡定義baseurl,或是用戶資訊等公共資料。需要注意,如果要使用app.js定義的內(nèi)容,首先需要在使用的頁(yè)面取得應(yīng)用程式實(shí)例 const app = getApp(),然後可以使用例如 app.globleData.全域變數(shù)名稱 的用法。
#相關(guān)免費(fèi)學(xué)習(xí)推薦:微信小程式開(kāi)發(fā)教學(xué)
以上是java語(yǔ)言開(kāi)發(fā)微信小程式的記錄的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章!

熱AI工具

Undress AI Tool
免費(fèi)脫衣圖片

Undresser.AI Undress
人工智慧驅(qū)動(dòng)的應(yīng)用程序,用於創(chuàng)建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費(fèi)的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門(mén)文章

熱工具

記事本++7.3.1
好用且免費(fèi)的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強(qiáng)大的PHP整合開(kāi)發(fā)環(huán)境

Dreamweaver CS6
視覺(jué)化網(wǎng)頁(yè)開(kāi)發(fā)工具

SublimeText3 Mac版
神級(jí)程式碼編輯軟體(SublimeText3)