1. 程式人生 > >微信小程式教程(搭建簡單的小程式示例)

微信小程式教程(搭建簡單的小程式示例)


微信小程式是一個挺神奇的存在,它的出現使app不是那麼的友好了,還要下載還要更新,但是小程式就不是了,就內嵌在微信裡,隨時用,不用下載(其實就相當於載入到本地,不過佔用記憶體很小),微信伺服器一更新就好了,這樣多方便,小程式我剛開始接觸還是蠻暈的,和正常的套路不太一樣,不過它的js和vue,js太像了,不知道是誰模仿的誰,哈哈,下面開始記錄,怎麼一步步搭建自己的小程式吧。


1.找官網api


  小程式的官網還可以的,一定要看官網

  官網地址: 點選開啟連結 裡邊的簡易教程跟著做大概就ok了

 2.申請賬號

為什麼申請賬號呢,因為接下來要安裝微信小程式開發軟體,用來開發小程式,申請的賬號會有一個唯一標識appid,這個id是     要填寫到開發軟體裡的,這樣就可以知道你有什麼開發許可權,為什麼說有什麼開發許可權呢?因為微信有個人開發版本和企業開     發版本,個人開發版本有一些功能是不能開放的,比如小程式支付,企業版本需要花錢申請,也要認證,所以使用的許可權也會      更多。

   申請賬號地址:點選開啟連結   填寫郵箱和密碼就行

   

    申請完畢就可以登入了 點選開啟連結 可以在選單 “設定”-“開發設定” 看到小程式的 AppID 了 

     伺服器域名是你的小程式要上線釋出的時候用的,只能用域名,不允許用ip和埠形式


  3.安裝軟體

   接下來就是安裝開發軟體了

   下載地址: 點選開啟連結  版本任意,反正是最新的最好,之前的版本會有bug     電腦是多少位的點選多少位直接就能下載


    安裝完畢後點擊開啟  點選小程式專案

 我之前開發過所以有很多的專案,沒開發過沒有專案

 點選右下角的加號建立自己的專案


 需要小程式的app了,就可以去我剛才說的地方去找了,當然也可以不填寫


填寫完畢點選確定就進開發工具裡了

預設會給你幾個檔案 ,是顯示預設頁面的

project.config.json 工具配置
wxml    相當於jsp和html頁面          模板,相當於html描述當前這個頁面的結構。
js就    相當於寫jQuery的地方
wxss    相當於寫css樣式的地方

app.json是對小程式的全域性配置,比如小程式的所有頁面路徑,介面表現,網路超時時間,底部tab等

自己可以研究下,咱們下次再見,下次詳細分解小程式