微信小程序入門(mén)

記錄一下今天的學(xué)習(xí)情況,微信小程序新手入門(mén)簡(jiǎn)介,從注冊(cè)到新建項(xiàng)目到一些基礎(chǔ)的配置標(biāo)簽等等,感覺(jué)還是比較容易上手的,況且對(duì)一些本身就有編程基礎(chǔ)的同學(xué)學(xué)習(xí)起來(lái)就更加容易了。

一、注冊(cè)小程序

1、打開(kāi)微信公眾平臺(tái)

微信公眾平臺(tái)官網(wǎng)

如果沒(méi)有注冊(cè)過(guò)先注冊(cè),選擇要注冊(cè)的項(xiàng)目。


注冊(cè)項(xiàng)目

如果要進(jìn)行小程序的開(kāi)發(fā)選擇微信小程序。


信息填寫(xiě)

這里注意一個(gè)郵箱只能注冊(cè)一個(gè),如果該郵箱注冊(cè)過(guò)公眾號(hào),訂閱號(hào)等,則需要更換郵箱。信息登記時(shí)如果是企業(yè)需要上傳企業(yè)帶章圖片,要保證圖片清晰性,否則會(huì)注冊(cè)失敗。如果是個(gè)人選擇個(gè)人即可。

2、獲取appId

注冊(cè)完成登陸進(jìn)去后,在開(kāi)發(fā)——>開(kāi)發(fā)設(shè)置中獲取appId,appId相當(dāng)于開(kāi)發(fā)者身份標(biāo)識(shí),創(chuàng)建項(xiàng)目時(shí)會(huì)用到。


appId獲取

3、下載微信開(kāi)發(fā)者工具

微信開(kāi)發(fā)有專(zhuān)門(mén)的開(kāi)發(fā)編輯器,用起來(lái)很方便,專(zhuān)用于微信開(kāi)發(fā)。
在開(kāi)發(fā)——>開(kāi)發(fā)者工具中下載。

二、項(xiàng)目創(chuàng)建

小程序項(xiàng)目創(chuàng)建

項(xiàng)目目錄:新建一個(gè)空文件夾,用于保存代碼
appId:上一步獲取的appId
項(xiàng)目名稱(chēng):自定義
勾選項(xiàng):可以選擇云開(kāi)發(fā)(采用云數(shù)據(jù)庫(kù))、非云開(kāi)發(fā)(前后端分離,采用第三方數(shù)據(jù)庫(kù))我這里選擇云開(kāi)發(fā)。

三、目錄結(jié)構(gòu)介紹

此目錄結(jié)構(gòu)為云開(kāi)發(fā)的目錄結(jié)構(gòu)


目錄結(jié)構(gòu)

cloudfunctions:指定騰訊云項(xiàng)目的目錄
miniprogram:小程序中的基本代碼都在這里

  • images:圖片文件夾,存放所有用到的圖片
  • pages:所有小程序的界面相關(guān)文件夾,每一個(gè)界面文件夾下都包含對(duì)應(yīng)的四個(gè)文件:

.js:腳本邏輯文件,用戶(hù)與頁(yè)面的交互邏輯
.json:界面的配置文件,以json格式存儲(chǔ)的配置
.wxml:模板文件,描述頁(yè)面結(jié)構(gòu),相當(dāng)于html
.wxss:樣式文件,調(diào)整頁(yè)面樣式,相當(dāng)于css

  • style:項(xiàng)目基本樣式文件夾
    README.md:寫(xiě)一些關(guān)于項(xiàng)目的描述
    project.config.json:小程序的項(xiàng)目配置文件(對(duì)整個(gè)項(xiàng)目的配置)

四、小程序基本配置

1、項(xiàng)目配置project.config.json

項(xiàng)目配置

2、局部配置 app.json

局部配置

3、頁(yè)面配置xxx.json

對(duì)某一頁(yè)面進(jìn)行配置需要在頁(yè)面文件夾下的.json文件中單獨(dú)配置,配置的樣式僅對(duì)這一頁(yè)面有效。


頁(yè)面配置

到此,小程序的創(chuàng)建到基本配置完成。
詳細(xì)可以參考小程序的官方文檔,官方文檔寫(xiě)的很詳細(xì)。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容