第2章 微信開發(fā)者工具

第2章微信開發(fā)者工具微信公眾平臺(tái)微信開發(fā)者工具申請(qǐng)小程序賬號(hào)編寫小程序代碼01020403微信公眾平臺(tái)微信公眾平臺(tái)微信公眾平臺(tái)是管理微信公眾賬號(hào)的綜合性管理后臺(tái)，本小節(jié)主要介紹的是微信小程序管理后臺(tái)，關(guān)于微信小程序的所有賬號(hào)信息配置和開發(fā)者相關(guān)配置都需要在微信小程序管理后臺(tái)進(jìn)行操作。微信公眾平臺(tái)登錄微信公眾平臺(tái)有兩種方式，一種是使用郵箱和密碼登錄微信公眾平臺(tái)另一種登錄方式是掃碼登錄申請(qǐng)小程序賬號(hào)申請(qǐng)小程序賬號(hào)開發(fā)微信小程序的第一步，是需要先申請(qǐng)一個(gè)小程序的賬號(hào)，通過這個(gè)賬號(hào)可以在微信公眾平臺(tái)中管理自己的小程序。申請(qǐng)微信小程序賬號(hào)需要先打開微信公眾平臺(tái)（/），在瀏覽器中打開網(wǎng)頁后點(diǎn)擊右上角的“立即注冊(cè)”鏈接。申請(qǐng)小程序賬號(hào)微信公眾平臺(tái)提供了四種類型的賬號(hào)注冊(cè)，分別為：訂閱號(hào)、服務(wù)號(hào)、小程序、企業(yè)微信。申請(qǐng)小程序賬號(hào)關(guān)于這四種公眾號(hào)類型的區(qū)別，主要體現(xiàn)在以下方面：訂閱號(hào)，對(duì)所有主體開放，包括政府、企事業(yè)單位、非盈利性機(jī)構(gòu)、社會(huì)組織、媒體、個(gè)人等，推送消息在用戶消息盒子中顯示，每天可以推送一次，對(duì)開發(fā)者提供的開放能力有限；服務(wù)號(hào)，不對(duì)個(gè)人主體開放，只對(duì)組織主體開放注冊(cè)，包括政府、企事業(yè)單位、非盈利性機(jī)構(gòu)、社會(huì)組織、媒體，推送消息在用戶的消息列表中顯示，對(duì)開發(fā)者提供更全面的開放能力；小程序，一種全新的連接用戶與服務(wù)的方式，具有更加出色的交互體驗(yàn)，小程序內(nèi)具有調(diào)用手機(jī)硬件能力，適合所有主體注冊(cè)，為了保護(hù)用戶隱私，盡量減少對(duì)用戶的打擾，小程序不支持信息推送；企業(yè)微信，為企業(yè)提供更高效的協(xié)同辦公體驗(yàn)，只對(duì)企業(yè)及組織開發(fā)注冊(cè)權(quán)限；申請(qǐng)小程序賬號(hào)在微信公眾號(hào)類型選擇頁面，選擇小程序注冊(cè)，進(jìn)入小程序注冊(cè)頁面。申請(qǐng)小程序賬號(hào)賬號(hào)信息填寫完畢后，點(diǎn)擊下方的“注冊(cè)”按鈕，進(jìn)入郵箱激活頁面，此時(shí)需要登錄上一步中的郵箱，查收騰訊官方發(fā)送的小程序賬號(hào)激活郵件，點(diǎn)擊激活鏈接。申請(qǐng)小程序賬號(hào)點(diǎn)擊激活鏈接后，繼續(xù)下一步的注冊(cè)流程，選擇注冊(cè)的主體類型，并完善主體信息和管理員信息。微信開發(fā)者工具微信開發(fā)者工具微信開發(fā)者工具微信開發(fā)者工具微信開發(fā)者工具微信開發(fā)者工具微信開發(fā)者工具微信開發(fā)者工具微信開發(fā)者工具微信開發(fā)者工具微信開發(fā)者工具編寫小程序代碼編寫小程序代碼小程序應(yīng)用創(chuàng)建成功后，會(huì)自動(dòng)生成首頁和日志頁的代碼以及應(yīng)用的配置文件。編寫小程序代碼打開“pages/index/index.wxml”文件，在該文件中編寫小程序首頁代碼，示例代碼如下：<view><inputvalue="{{inputValue}}"bindinput="onInput"bindconfirm="onConfirm"placeholder="請(qǐng)輸入"></input><viewclass="list-title">列表內(nèi)容：</view><viewclass="list"><viewwx:for="{{list}}"wx:key="index"class="item">{{item}}</view></view></view>編寫小程序代碼打開“pages/index/index.wxss”文件編寫小程序首頁的樣式代碼，示例代碼如下：input{border:1pxsolid#ccc;font-size:30rpx;}.list-title{font-size:30rpx;margin:20rpx0rpx;font-weight:600;}.list{box-sizing:border-box;padding:10rpx20rpx;font-size:30rpx;}.item{margin:10rpx0rpx;}編寫小程序代碼打開“pages/index/index.js”文件編寫小程序首頁的綁定屬性和事件函數(shù)，示例代碼如下：Page({data:{inputValue:'',list:[]},onConfirm(event){constlist=this.data.listlist.push(event.detail.value)this.setData({