當(dāng)前位置:首頁(yè) > IT技術(shù) > 微信平臺(tái) > 正文

小程序第一個(gè)項(xiàng)目
2021-08-05 17:35:13

?


?

1.小程序項(xiàng)目創(chuàng)建
創(chuàng)建小程序項(xiàng)目,打開(kāi)小程序開(kāi)發(fā)工具,左邊選擇小程序,右邊點(diǎn)擊加號(hào)進(jìn)行信息的設(shè)置
1.項(xiàng)目名稱

2.項(xiàng)目存儲(chǔ)目錄的選擇
3.項(xiàng)目需要的appId
如下面:

?

小程序第一個(gè)項(xiàng)目_小程序

項(xiàng)目名稱和存儲(chǔ)目錄都好理解,但是appid是什么呢?


appId:它相當(dāng)于你的小程序在微信中的“身份證”,有了它,微信客戶端才能確定你的小程序“身份”,并允許使用微信提供的高級(jí)接口。

想要獲得 AppID,只需要在微信公眾平臺(tái)官網(wǎng)首頁(yè)(mp.weixin.qq.com)注冊(cè)小程序賬號(hào)并登錄,就可以在網(wǎng)站的“開(kāi)發(fā)”-“開(kāi)發(fā)設(shè)置”中,查看到微信小程序的 AppID 了。

要注意,不可直接使用服務(wù)號(hào)或訂閱號(hào)的 AppID 。

獲取步驟如下:

1.登錄或者注冊(cè)小程序賬號(hào)

?

小程序第一個(gè)項(xiàng)目_服務(wù)號(hào)_02

?

2.進(jìn)入小程序賬號(hào)后左側(cè)開(kāi)發(fā)選項(xiàng)----》開(kāi)發(fā)設(shè)置---》appid(小程序id)

?

小程序第一個(gè)項(xiàng)目_服務(wù)號(hào)_03

?

獲取到自己的appid后可以復(fù)制到創(chuàng)建項(xiàng)目需要的地方。

?

?

如果沒(méi)有自己的小程序賬號(hào) 可以使用測(cè)試appid做臨時(shí)開(kāi)發(fā)使用

3.創(chuàng)建目錄,點(diǎn)擊pages右擊,選擇新建目錄(login)

小程序第一個(gè)項(xiàng)目_大數(shù)據(jù)_04

?

4,點(diǎn)擊login,右擊選擇page

?

小程序第一個(gè)項(xiàng)目_微信_(tái)05

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

小程序第一個(gè)項(xiàng)目_小程序_06

?

設(shè)置啟動(dòng)頁(yè)面:修改app.json中的pages,如果需要第一個(gè)啟動(dòng),放在第一位置

?

小程序第一個(gè)項(xiàng)目_服務(wù)號(hào)_07

結(jié)果界面如下

?

小程序第一個(gè)項(xiàng)目_小程序_08

?

5.設(shè)置標(biāo)題和刷新頁(yè)面

?

小程序第一個(gè)項(xiàng)目_微信_(tái)09

?

監(jiān)聽(tīng)刷新的監(jiān)聽(tīng)函數(shù)

?

?

小程序第一個(gè)項(xiàng)目_大數(shù)據(jù)_10


小程序第一個(gè)項(xiàng)目_服務(wù)號(hào)_11

?

?

?

?

- End -

?

?

?

小程序第一個(gè)項(xiàng)目_刷新頁(yè)面_12

?

?

?

?

小程序第一個(gè)項(xiàng)目_服務(wù)號(hào)_13

?

?

?

?

?

本文摘自 :https://blog.51cto.com/u

開(kāi)通會(huì)員,享受整站包年服務(wù)立即開(kāi)通 >