1. 程式人生 > >微信小程式——建立

微信小程式——建立

最近在研究微信小程式,它與vue有點像。先看如何建立一個工程——準備工作。

1.首先,需要註冊微信小程式賬號。https://mp.weixin.qq.com/

  

如果有賬號的朋友直接登入,沒有賬號的,點選立即註冊,註冊一個賬號

註冊頁面,有四個模組,我們是要開發小程式的。所以,我們點選小程式

郵箱,要使用一個乾淨的郵箱,未被微信公眾平臺註冊過,未被微信開放平臺註冊過,未被個人微訊號繫結過的郵箱。

我個人建議,新註冊一個郵箱較好。

註冊完成後,為了安全起見,有可能會讓使用者使用微信掃一掃

登入完成後,進入頁面,進行一些基礎資訊的完成,由於,我這邊已經填寫過,展示一張填寫過後的效果。

注意填寫小程式名稱,要按照官方規定填寫。按照步驟一步一步完成。

程式完成後,先新增開發者。再找到 </>開發 這個選項,選擇開發設定選項,找到我們的AppID,等會建立工程的時候會用到

2.建立完成下載IDE,微信小程式有它自己的IDE 

我們可以下載IDE。回到首頁,找到小程式釋出流程第一步,開發工具那一選項,點選普通小程式開發工具

進入概覽頁面,選擇微信開發者工具,進入工具下載頁面

工具下載頁面,有三個選項 Windows 64位 / Windows 32位 / Mac OS

 。我們根據需要選擇下載。我選擇的是Windows 64位

下載完成後,傻瓜式安裝,相對簡單,就不講解了,無非就是選擇一個安裝路徑,一個空的資料夾,然後傻瓜式安裝就OK了。

安裝完成後,我們會得到一個微信web開發者工具,前面有圖片。點選開啟,會讓你接著填寫內容。相對比較簡單。

開啟之後,會讓你進行一個微信掃描二維碼登入,過程和之前一樣。登入之後,會出現兩個選項的頁面。當然,我們選擇小程式專案。

      

如果,你之前有專案,則就選擇你之前的專案雙擊就可以了

由於,我們是剛剛建立賬號,肯定沒有專案(如果有專案,你也不會看我說這麼一段廢話了,嘻嘻(#^.^#))。則我們選擇了小程式專案會需要我們填寫一些資訊的。

專案目錄可以自己建立一個新的空的資料夾,用來存放你的專案。AppID就是我們剛剛獲取到的那個AppID複製到這裡就可以了。專案名稱一般來說,你建立專案目錄時,專案名稱就已經建立好了。我們選擇一下專案模板,我們就選擇最上面一個就好。

這樣,我們的一個微信小程式專案的準備工作就完成了,接下來,就是實現邏輯程式碼的時刻和釋出的時刻了。

看一下IDE頁面