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