微信小程序開(kāi)發(fā)者工具介紹（小程序開(kāi)發(fā)者工具在哪）
今天給各位分享微信小程序開(kāi)發(fā)者工具介紹的知識(shí)，其中也會(huì)對(duì)小程序開(kāi)發(fā)者工具在哪進(jìn)行解釋?zhuān)绻芘銮山鉀Q你現(xiàn)在面臨的問(wèn)題，別忘了關(guān)注本站，現(xiàn)在開(kāi)始吧！
本文目錄一覽：
微信小程序怎么開(kāi)發(fā)
第一章：準(zhǔn)備工作
做好準(zhǔn)備工作很重要。開(kāi)發(fā)一個(gè)微信應(yīng)用號(hào)，你需要提前到微信的官方網(wǎng)站下載開(kāi)發(fā)者工具。
1.下載最新微信開(kāi)發(fā)者工具，打開(kāi)后你會(huì)看到該界面：
2. 點(diǎn)擊「新建 web+」項(xiàng)目
3. 該頁(yè)面內(nèi)的各項(xiàng)內(nèi)容需要注意——
AppID：依照官方解釋來(lái)填。
Appname: 項(xiàng)目最外層文件夾名稱(chēng)，如你將其命名為「ABC」，則之后的全部項(xiàng)目?jī)?nèi)容均將保存在「/ABC/…」目錄下。
本地開(kāi)發(fā)目錄：項(xiàng)目存放在本地的目錄。
注：再次強(qiáng)調(diào)，如果你和團(tuán)隊(duì)成員共同開(kāi)發(fā)該項(xiàng)目，則建議你們使用同樣的目錄名稱(chēng)及本地目錄，以確保協(xié)同開(kāi)發(fā)的統(tǒng)一性。如果你之前已有項(xiàng)目，則導(dǎo)入過(guò)程與以上內(nèi)容近似，不再贅述。
4. 準(zhǔn)備工作全部完成后，點(diǎn)擊「新建項(xiàng)目」按鈕，彈出框點(diǎn)「確定」
5.此刻，微信開(kāi)發(fā)者工具已經(jīng)為你自動(dòng)構(gòu)建了一個(gè)初始的demo項(xiàng)目，該項(xiàng)目?jī)?nèi)包含了一個(gè)微信應(yīng)用項(xiàng)目所需具備的基本內(nèi)容和框架結(jié)構(gòu)。點(diǎn)擊項(xiàng)目名稱(chēng)（圖中即「cards」）進(jìn)入該項(xiàng)目，就能看到整個(gè)項(xiàng)目的基本架構(gòu)了：
第二章：項(xiàng)目構(gòu)架
微信目前用戶(hù)群體非常龐大，微信推出公眾號(hào)以后，火爆程度大家都看得到，也同樣推動(dòng)著 Html 5 的高速發(fā)展，隨著公眾號(hào)業(yè)務(wù)的需求越來(lái)越復(fù)雜，應(yīng)用號(hào)現(xiàn)在的到來(lái)也是恰到好處。
微信提供給開(kāi)發(fā)者的方式也在發(fā)生全面的改變：從操作 DOM 轉(zhuǎn)為操作數(shù)據(jù)，基于微信提供的一個(gè)過(guò)橋工具實(shí)現(xiàn)很多 Html 5 在公眾號(hào)很難實(shí)現(xiàn)的功能，有點(diǎn)類(lèi)似于 hybrid 開(kāi)發(fā)，不同于 hybrid 開(kāi)發(fā)的方式是：微信開(kāi)放的接口更為嚴(yán)謹(jǐn)，結(jié)構(gòu)必須采用他提供給的組件，外部的框架和插件都不能在這里使用上，讓開(kāi)發(fā)者完全脫離操作 DOM，開(kāi)發(fā)思想轉(zhuǎn)變很大。
工欲善其事，必先利其器。理解它的核心功能非常重要，先了解它的整個(gè)運(yùn)作流程。
生命周期：
在index.js里面：
開(kāi)發(fā)者工具上 Console 可以看到：
在首頁(yè) console 可以看出順序是 App Launch–App Show–onLoad–onShow–onReady。
首先是整個(gè) app 的啟動(dòng)與顯示，app 的啟動(dòng)在 app.js 里面可以配置，其次再進(jìn)入到各個(gè)頁(yè)面的加載顯示等等?？梢韵胂蟮竭@里可以處理很多東西了，如加載框之類(lèi)的都可以實(shí)現(xiàn)等等。
路由：
路由在項(xiàng)目開(kāi)發(fā)中一直是個(gè)核心點(diǎn)，在這里其實(shí)微信對(duì)路由的介紹很少，可見(jiàn)微信在路由方面經(jīng)過(guò)很好的封裝，也提供三個(gè)跳轉(zhuǎn)方法。
wx.navigateTo(OBJECT)：保留當(dāng)前頁(yè)面，跳轉(zhuǎn)到應(yīng)用內(nèi)的某個(gè)頁(yè)面，使用wx.navigateBack可以返回到原頁(yè)面。
wx.redirectTo(OBJECT)：關(guān)閉當(dāng)前頁(yè)面，跳轉(zhuǎn)到應(yīng)用內(nèi)的某個(gè)頁(yè)面。
wx.navigateBack()：關(guān)閉當(dāng)前頁(yè)面，回退前一頁(yè)面。
這三個(gè)基本上使用足夠，在路由方面微信封裝的很好，開(kāi)發(fā)者根本不用去配置路由，往往很多框架在路由方面配置很繁瑣。
組件：
此次微信在組件提供方面也是非常全面，基本上滿足項(xiàng)目需求，故而開(kāi)發(fā)速度非常快，開(kāi)發(fā)前可以認(rèn)真瀏覽幾次，開(kāi)發(fā)效率會(huì)很好。
其它：
任何外部框架以及插件基本上無(wú)法使用，就算原生的 js 插件也很難使用，因?yàn)橐郧暗?js 插件也基本上全部是一操作 dom 的形式存在，而微信應(yīng)用號(hào)此次的架構(gòu)是不允許操作任何 dom，就連以前開(kāi)發(fā)者們習(xí)慣使用的動(dòng)態(tài)設(shè)置的rem.js也是不支持的。
微信web開(kāi)發(fā)工具在哪
1、網(wǎng)頁(yè)搜索微信官網(wǎng)，點(diǎn)擊打開(kāi)，在首頁(yè)導(dǎo)航欄點(diǎn)擊幫助與反饋，如圖：
2、在搜索框中搜索小程序，并點(diǎn)擊打開(kāi)
3、在出來(lái)的頁(yè)面中選擇“進(jìn)入產(chǎn)品專(zhuān)區(qū)”，點(diǎn)擊，如圖：
4、在頁(yè)面左側(cè)導(dǎo)航中選擇開(kāi)發(fā)問(wèn)題，并選擇內(nèi)容頁(yè)面中的“小程序開(kāi)發(fā)接口新增能力”，如圖：
5、然后在“小程序開(kāi)發(fā)接口新增能力”頁(yè)面偏下的位置找到并點(diǎn)擊“小程序支持打開(kāi)移動(dòng)應(yīng)用功能”，如圖：
6、在出現(xiàn)的頁(yè)面中找到工具選擇，打開(kāi)，并選擇概覽中的藍(lán)色字體“微信開(kāi)發(fā)者工具”，如圖：
7、最后，選擇在頁(yè)面中出現(xiàn)的第一個(gè)結(jié)果，最新下載地址，下載即可。
如何制作微信小程序
制作微信小程序可以使用網(wǎng)站一鍵生成方式，進(jìn)入凡客網(wǎng)了解相應(yīng)文件功能后進(jìn)行編輯即可完成。具體內(nèi)容如下：
1、一鍵生成小程序比較簡(jiǎn)單，例如百度進(jìn)入凡科網(wǎng)。
/iknow-pic.cdn.bcebos.com/37d12f2eb9389b506a5c852d8a35e5dde7116e29"target="_blank"title="點(diǎn)擊查看大圖"class="1215170426feaaad ikqb_img_alink"/iknow-pic.cdn.bcebos.com/37d12f2eb9389b506a5c852d8a35e5dde7116e29?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc=""/
2、選擇“輕站小程序”，選擇要制作的類(lèi)型，點(diǎn)擊“創(chuàng)建”。
/iknow-pic.cdn.bcebos.com/dc54564e9258d109f561cccdde58ccbf6d814dca"target="_blank"title="點(diǎn)擊查看大圖"class="170426feaaadda84 ikqb_img_alink"/iknow-pic.cdn.bcebos.com/dc54564e9258d109f561cccdde58ccbf6d814dca?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc=""/
3、進(jìn)行文字圖片和板塊位置等的修改，保存后審核發(fā)布即可。
/iknow-pic.cdn.bcebos.com/0b55b319ebc4b745dd72d269c0fc1e178b8215ee"target="_blank"title="點(diǎn)擊查看大圖"class="26feaaadda843a9e ikqb_img_alink"/iknow-pic.cdn.bcebos.com/0b55b319ebc4b745dd72d269c0fc1e178b8215ee?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc=""/
4、總結(jié)如下。
/iknow-pic.cdn.bcebos.com/fc1f4134970a304e72edc585dec8a786c8175c85"target="_blank"title="點(diǎn)擊查看大圖"class="bdd6e20576550ca9 ikqb_img_alink"/iknow-pic.cdn.bcebos.com/fc1f4134970a304e72edc585dec8a786c8175c85?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc=""/
注意事項(xiàng)：
1.小程序名稱(chēng)可以由中文、數(shù)字、英文。長(zhǎng)度在3-20個(gè)字符之間,一個(gè)中文字等于2個(gè)字符。
2.小程序名稱(chēng)不得與公眾平臺(tái)已有的訂閱號(hào)、服務(wù)號(hào)重復(fù)。如提示重名,請(qǐng)更換名稱(chēng)進(jìn)行設(shè)置。
3.小程序名稱(chēng)在賬號(hào)信息設(shè)置時(shí)完成,請(qǐng)謹(jǐn)慎設(shè)置,一旦設(shè)置暫不支持修改。
4.更換名稱(chēng)進(jìn)行設(shè)置。如果企業(yè)商標(biāo),組織名稱(chēng)等名稱(chēng)被侵權(quán),可通過(guò)公眾平臺(tái)侵權(quán)投訴流程發(fā)起投訴。
5.個(gè)人開(kāi)發(fā)者無(wú)法申請(qǐng)微信小程序;目前微信僅支持企業(yè)、政府、媒體、其他組織申請(qǐng)。
微信小程序開(kāi)發(fā)者工具介紹的介紹就聊到這里吧，感謝你花時(shí)間閱讀本站內(nèi)容，更多關(guān)于小程序開(kāi)發(fā)者工具在哪、微信小程序開(kāi)發(fā)者工具介紹的信息別忘了在本站進(jìn)行查找喔。
