微信小程序開發心得

寫在前面的話

這篇是針對小程序開發人員的，只簡單介紹涉及開發的相關內容（也可能不詳細，歡迎扔磚）。小程序帳號和微信公衆號毫不是同一個帳號，瞭解小程序從這裏開始https://mp.weixin.qq.com/cgi-...。

另外，小程序認證和微信公衆號認證，都是指的（每一年花費300元錢的）微信認證（這個錢不退的）。

若是您的小程序裏須要使用微信支付功能的，必須作微信認證，不然沒法使用微信支付功能。

所用域名必須支持https協議，這個很重要。

小程序不支持轉發到朋友圈，只能轉發給（微信）朋友。

小程序不支持在IOS上添加快捷方式到桌面，安卓版能夠，若是設置以後在手機桌面找不到或未出現小程序圖標，請查看系統設置->應用程序->微信->權限設置->添加快捷方式到桌面功能是否開啓。

註冊

1. 小程序註冊帳號
   小程序註冊帳號只能是郵箱，且需知足如下三個條件才能適用註冊：

   ①未被微信公衆平臺註冊
   ②未被微信開放平臺註冊
   ③未被我的微信號綁定

2. 小程序註冊類型
   這裏要注意慎重選擇類型，

註冊我的類型的小程序，不支持微信認證，也就是不須要花300元錢，也沒法使用微信支付功能，同時，也不支持在附近的小程序裏顯示你的小程序。

註冊企業類型的小程序，能夠作認證也能夠不作認證，若是須要支付功能的，必須作微信認證。
其它類型未作測試不敢妄言。

配置

我的類型的小程序名稱，發佈以前可修改2次，發佈以後每一年可修改2次。

企業類型的小程序名稱，未作微信認證的發佈之後沒法修改，認證經過之後能夠修改。

小程序頭像和小程序介紹一個月可修改5次（各註冊類型均適用）

小程序管理後臺，能夠根據業務須要能夠設置暫停服務，暫停服務後，用戶將不能夠正常訪問線上版本小程序。

開發設置裏配置域名，須要經過接口推送信息的要配置服務器域名，這裏最好一次性配置多個域名，每次掃碼進來實在太麻煩，並且，一個月內可申請5次修改，每次掃碼進來，添加一個域名保存成功，算做一次修改。

若是須要webview的，則要配置業務域名。我的類型微信小程序不支持添加業務域名，也就是沒法作webview。

最重要的是，所用域名，必須支持https協議

工具

根據你的機器配置選擇https://developers.weixin.qq....
支持windows 64 、 windows 32 、 mac
在工具裏登陸須要填寫AppID，在小程序管理後臺，設置->開發設置

打開開發工具以後，模擬器，編輯器，調試器，預覽，這些功能按鈕本身點擊體驗體驗，做爲開發人員，軟件的簡單使用應該沒必要多言。

編碼

編碼這一塊是開發的重點區，具體的開發指南查看官方文檔https://developers.weixin.qq.... 這裏我只說官方文檔沒有說到的，我本身開發過程當中遇到的細節問題。

在pages裏添加目錄，目錄的名稱和裏面四個文件的名稱一致，並及時將連接添加到app.json的pages數組中設置頁面路徑，參考index的配置便可。
接着說app.json中的配置，tabBar底部(或頂部)導航，最多可設置5個按鈕，最少2個。配置的順序就是前臺顯示的順序，早先iconPath和selectedIconPath是必填項，剛剛又去查看文檔，發現官方改成了非必填項，可是沒有圖片，官方仍是把圖片位置預留了出來，致使字體靠下。具體設置看demo https://developers.weixin.qq....

css不支持background背景圖片，只能用<image>標籤顯示圖片

數據調用用{{}}雙大括號方式，以前用過template.js的應該都不陌生。

<button></button>按鈕的border-radius和border樣式，須要在button{}和button:after{}中同時編寫才能生效，覆蓋掉官方樣式。

提交審覈

提交的時候後臺一次最多可提交5個頁面，我剛開始的作法是先提交5個頁面，待審覈經過後發佈上線，再提交後續的5個頁面，直到所有提交審覈完畢。
後來我發現第一次提交審覈經過，我點擊發布後，後續的頁面沒有提交，可是線上小程序裏已經能夠訪問全部頁面了，你們也能夠試一下。

-----待續-----