微信小程式教程(搭建簡單的小程式示例)
阿新 • • 發佈:2018-12-24
微信小程式是一個挺神奇的存在,它的出現使app不是那麼的友好了,還要下載還要更新,但是小程式就不是了,就內嵌在微信裡,隨時用,不用下載(其實就相當於載入到本地,不過佔用記憶體很小),微信伺服器一更新就好了,這樣多方便,小程式我剛開始接觸還是蠻暈的,和正常的套路不太一樣,不過它的js和vue,js太像了,不知道是誰模仿的誰,哈哈,下面開始記錄,怎麼一步步搭建自己的小程式吧。
1.找官網api
小程式的官網還可以的,一定要看官網
2.申請賬號
為什麼申請賬號呢,因為接下來要安裝微信小程式開發軟體,用來開發小程式,申請的賬號會有一個唯一標識appid,這個id是 要填寫到開發軟體裡的,這樣就可以知道你有什麼開發許可權,為什麼說有什麼開發許可權呢?因為微信有個人開發版本和企業開 發版本,個人開發版本有一些功能是不能開放的,比如小程式支付,企業版本需要花錢申請,也要認證,所以使用的許可權也會 更多。
申請賬號地址:點選開啟連結 填寫郵箱和密碼就行
申請完畢就可以登入了 點選開啟連結 可以在選單 “設定”-“開發設定” 看到小程式的 AppID 了
伺服器域名是你的小程式要上線釋出的時候用的,只能用域名,不允許用ip和埠形式
3.安裝軟體
接下來就是安裝開發軟體了
下載地址: 點選開啟連結 版本任意,反正是最新的最好,之前的版本會有bug 電腦是多少位的點選多少位直接就能下載安裝完畢後點擊開啟 點選小程式專案 我之前開發過所以有很多的專案,沒開發過沒有專案
點選右下角的加號建立自己的專案
需要小程式的app了,就可以去我剛才說的地方去找了,當然也可以不填寫
填寫完畢點選確定就進開發工具裡了
預設會給你幾個檔案 ,是顯示預設頁面的
project.config.json 工具配置
wxml 相當於jsp和html頁面 模板,相當於html描述當前這個頁面的結構。
js就 相當於寫jQuery的地方
wxss 相當於寫css樣式的地方
app.json是對小程式的全域性配置,比如小程式的所有頁面路徑,介面表現,網路超時時間,底部tab等
自己可以研究下,咱們下次再見,下次詳細分解小程式