因為公司的業(yè)務(wù)需求，接觸了微信小程序的開發(fā)。之前一直是做的web端比較多，剛上手的時候比較慢，也是參考了多方資料，現(xiàn)在第一個版本要上線了，總結(jié)一下開發(fā)過程中遇到的各種bug，以及解決的方法。
首先介紹一下微信開放平臺的一些內(nèi)容。
1、首先在微信公眾平臺（mp.weixin.qq.com）使用一個未注冊過公眾號、小程序、小游戲的郵箱注冊一個自己的小程序，現(xiàn)在個人也以及可以注冊小程序了，大家感興趣都可以注冊一個學(xué)習(xí)一下，還是挺有意思的。
2、接下來使用注冊好的郵箱和密碼登錄微信公眾平臺，在左側(cè)首頁選項卡中填寫右側(cè)的小程序信息， 即名稱、圖標(biāo)、描述等，以后都可以更改，但是每月有修改次數(shù)限制。
3、還是這個頁面，在設(shè)置小程序信息的下方有微信開發(fā)者工具的下載鏈接，點擊跳轉(zhuǎn)到介紹頁面，在打開的頁面可以看到標(biāo)藍的“微信開發(fā)者工具”字樣，再點擊即可看到下載頁面，上方有對應(yīng)的系統(tǒng)選擇，點擊即可下載。我在開發(fā)過程中都是直接使用的這個，當(dāng)然也有推薦使用vscode等編輯器配合開發(fā)的，但是我公司電腦實在是太卡，只用開發(fā)者工具就卡到爆，所以就沒有使用了，大家可以搭配使用提高一下開發(fā)效率。
4、說回微信公眾平臺|小程序頁面。首頁中主要就是一些簡單的設(shè)置信息。開發(fā)管理中是三個版本，我百度了一下三個的區(qū)別，線上版本就是現(xiàn)在正在使用的版本，也就是所有用戶看到的版本。審核版本是有新功能添加，或者版本驚醒修改了后提交審核的版本，當(dāng)通過審核正式上線后，即上方的線上版本。開發(fā)版本類似于一個遠程的代碼倉庫，供開發(fā)小組共享代碼用的，我在實際開發(fā)中還是使用的公司的svn，了解不是很多。
5、接下來在用戶身份中，就是讓小程序管理員添加共同開發(fā)者并且設(shè)置權(quán)限的，除了自己以外最多可以添加15個。
6、數(shù)據(jù)分析暫時未用到，略過。
7、模板消息。主要是用來給用戶推送消息的，類似于大家給某個公眾號留言后，被作者回復(fù)或者選為精選留言后，微信會給大家發(fā)一條消息通知你，這個就是模板消息（我的理解）。模板消息中已經(jīng)有很多大家寫好的了，在模板庫中，大家可以搜索關(guān)鍵字選擇，然后點擊右側(cè)選用，再在打開的頁面中選擇需要的關(guān)鍵字，提交即可。后臺會需要你把模板ID發(fā)給他，這里的模板ID是你選用后生成的那個，而不是在模板庫中的那個模板ID，是不一樣的。
8、接下來我用到的就是最后一個設(shè)置了，其他的幾個暫時都沒有用到，大家有使用需要可以自己查一下相關(guān)資料。這里的基本設(shè)置其實就是首頁中設(shè)置小程序名稱、頭像之類的那個頁面。然后開發(fā)設(shè)置是我們用來查看appId、AppSecret以及設(shè)置服務(wù)器域名的頁面，這里的appId和AppSecret都是需要發(fā)送給后臺的。具體后臺怎么使用我不清楚，畢竟目前來說只想做好前端。然后是關(guān)聯(lián)設(shè)置，在這個頁面中可以設(shè)置綁定的公眾號、微信開放平臺賬號、關(guān)聯(lián)的移動應(yīng)用等，但是我只綁定了自己的公眾號，沒有用到其他的，這里也不細說了。
9、另外呢，在頁面的右上方，我們的頭像左側(cè)，有文檔和社區(qū)兩個選項，分別對應(yīng)開放文檔和大家交流討論的社區(qū)，這里先說一下文檔。點擊跳轉(zhuǎn)后，介紹和設(shè)計大家可以簡單看一下，了解一下小程序。開發(fā)過程中主要用到的還是小程序開發(fā)，即第三個選項卡。里面有簡易教程、框架、API、工具、小程序云開發(fā)、騰訊云支持共七個選項。其中簡易教程主要說明了一下小程序開發(fā)的整體流程，從注冊到上線的全過程都有講解。在框架部分，主要講解了頁面結(jié)構(gòu)，頁面配置，場景值，周期函數(shù)，事件處理函數(shù)，路由，模塊化，API，小程序的數(shù)據(jù)綁定，列表渲染，條件渲染等等幾乎攘括了開發(fā)過程中會設(shè)計到的全部內(nèi)容，包括性能優(yōu)化等等都有涉及。一些大家在網(wǎng)上百度到的資料基本都是出自官方文檔的，大家可以多讀讀文檔。
10、而在組件和API中主要是我們會用到各種組件，即h5中的標(biāo)簽，API就是微信給開發(fā)者提供的各種接口，比如wx.getUserInfo()可以讓我們獲取到用戶信息，wx.navigationTo可以實現(xiàn)頁面跳轉(zhuǎn)等等，使得開發(fā)更加方便快捷。
雖然小程序的開發(fā)與之前接觸的不太一樣，很多js里面的方法不支持，h5中的標(biāo)簽和部分屬性也不能用，但是接觸下來還是感覺沒有那么難的，各種接口的支持也提高了不少開發(fā)效率?？傊?，不懂的地方多看看文檔，受益匪淺。
在本篇文章中主要介紹了微信開放平臺的一些內(nèi)容，下一篇介紹微信開發(fā)者工具和開發(fā)的目錄。文中如有錯誤歡迎大家批評指正，有問題可以一起交流~
