微信小程序開(kāi)發(fā)文檔菜鳥(niǎo)教程(微信 小程序 開(kāi)發(fā)文檔)
今天給各位分享微信小程序開(kāi)發(fā)文檔菜鳥(niǎo)教程的知識(shí),其中也會(huì)對(duì)微信 小程序 開(kāi)發(fā)文檔進(jìn)行解釋?zhuān)绻芘銮山鉀Q你現(xiàn)在面臨的問(wèn)題,別忘了關(guān)注本站,現(xiàn)在開(kāi)始吧!
本文目錄一覽:
微信小程序開(kāi)發(fā)怎么做
您好,
微信小程序,開(kāi)發(fā)之前必須要完成和注冊(cè)認(rèn)證。如果是個(gè)人或者小公司想開(kāi)發(fā)微信小程序,也可以找微信認(rèn)證第三方開(kāi)發(fā)商,比如贏在移動(dòng)、正品科技等。
1、微信小程序注冊(cè)
在微信公眾平臺(tái)官網(wǎng)首頁(yè),按照提示點(diǎn)擊右上角的“立即注冊(cè)”按鈕,里面總過(guò)有12步,按照要求提交就可以了。
2、小程序申請(qǐng)微信認(rèn)證
政府、媒體、其他組織類(lèi)型帳號(hào),必須通過(guò)微信認(rèn)證驗(yàn)證主體身份。企業(yè)類(lèi)型帳號(hào),可以根據(jù)需要確定是否申請(qǐng)微信認(rèn)證。已認(rèn)證帳號(hào)可使用微信支付、微信卡券等高級(jí)權(quán)限。
認(rèn)證入口:登錄小程序—設(shè)置—基本設(shè)置—微信認(rèn)證—詳情
3、小程序申請(qǐng)微信支付
已認(rèn)證的小程序可申請(qǐng)微信支付。
4、小程序綁定微信開(kāi)放平臺(tái)帳號(hào)
小程序綁定微信開(kāi)放平臺(tái)帳號(hào)后,可與帳號(hào)下的其他移動(dòng)應(yīng)用、網(wǎng)站應(yīng)用及公眾號(hào)打通,通過(guò)UnionID機(jī)制滿足在多個(gè)應(yīng)用和公眾號(hào)之間統(tǒng)一用戶帳號(hào)的需求。
UnionID機(jī)制說(shuō)明:如果開(kāi)發(fā)者擁有多個(gè)移動(dòng)應(yīng)用、網(wǎng)站應(yīng)用、和公眾帳號(hào)(包括小程序),可通過(guò)UnionID來(lái)區(qū)分用戶的唯一性,因?yàn)橹灰峭粋€(gè)微信開(kāi)放平臺(tái)帳號(hào)下的移動(dòng)應(yīng)用、網(wǎng)站應(yīng)用和公眾帳號(hào)(包括小程序),用戶的unionid是唯一的。換句話說(shuō),同一用戶,對(duì)同一個(gè)微信開(kāi)放平臺(tái)下的不同應(yīng)用,UnionID是相同的。用戶的UnionID可通過(guò)調(diào)用“獲取用戶信息”接口獲取。
5、了解“獲取用戶信息”接口請(qǐng)查看開(kāi)發(fā)文檔—API—開(kāi)放接口—用戶信息。
綁定小程序流程說(shuō)明:登錄微信開(kāi)放平臺(tái)、—管理中心—公眾帳號(hào)—綁定公眾帳號(hào)
注意:微信開(kāi)放平臺(tái)帳號(hào)必須完成開(kāi)發(fā)者資質(zhì)認(rèn)證才可以綁定小程序。
如何用微信開(kāi)發(fā)小程序
首先要下載微信官方的微信Web開(kāi)發(fā)者工具。打開(kāi)微信公眾平臺(tái)(mp.weixin.qq.com),找到右下方的小程序模塊,點(diǎn)擊「開(kāi)發(fā)」按鈕;
點(diǎn)擊頂部導(dǎo)航欄的「工具」按鈕,在新頁(yè)面的左側(cè)欄中找到「下載」??梢钥吹?,開(kāi)發(fā)工具提供 Windows 32 位、Windows 64 位和 Mac 三個(gè)版本??筛鶕?jù)實(shí)際情況,選擇適合自己電腦的開(kāi)發(fā)工具。
安裝后,就可以直接啟動(dòng)開(kāi)發(fā)者工具。如果是首次啟動(dòng)開(kāi)發(fā)者工具,需要使用開(kāi)發(fā)者的微信號(hào)掃碼登錄。登陸后,點(diǎn)擊「添加項(xiàng)目」按鈕,填寫(xiě) AppID(如果沒(méi)有,則點(diǎn)擊無(wú) AppID)和項(xiàng)目名稱(chēng)。接著,在項(xiàng)目目錄中點(diǎn)擊「選擇」,新建一個(gè)文件夾作為新的項(xiàng)目目錄。然后再次點(diǎn)擊「添加項(xiàng)目」,就可以新建出一個(gè)微信小程序項(xiàng)目了。
微信開(kāi)發(fā)者工具共分成「編輯」、「調(diào)試」和「項(xiàng)目」三個(gè)部分。
編輯:編輯和修改小程序的代碼。
調(diào)試:顯示小程序代碼錯(cuò)誤和警告,便于調(diào)試代碼錯(cuò)誤。
項(xiàng)目:用于查看小程序的屬性、修改小程序配置,以及提交小程序代碼至微信服務(wù)器。
開(kāi)發(fā)工具還提供簡(jiǎn)單的模擬器(頁(yè)面左側(cè)),開(kāi)發(fā)者可以使用模擬器在電腦上模擬用戶點(diǎn)擊及使用,提供后臺(tái)情況模擬、多媒體播放器調(diào)試、緩存數(shù)據(jù)處理等功能。
懂技術(shù)的程序員到這一步就可以自己開(kāi)發(fā)了。而不懂編程的小白,可以登錄微信小程序制作平臺(tái)「即速應(yīng)用」官方網(wǎng)站進(jìn)行小程序的制作。里面有大量的小程序模板,根據(jù)自己的需求選擇一個(gè)模板進(jìn)行制作即可。
制作完成后,點(diǎn)擊「生成」按鈕。然后選擇「小程序打包」,下載小程序的標(biāo)準(zhǔn)代碼包。
回到在微信Web開(kāi)發(fā)工具中,在「項(xiàng)目目錄」這一欄選擇下載好的代碼包,打開(kāi)后就可以看到小程序的預(yù)覽效果了。
在「項(xiàng)目」頁(yè)面中,開(kāi)發(fā)者可以查看小程序的基本屬性,也可以進(jìn)行真機(jī)預(yù)覽調(diào)試,或向微信服務(wù)器提交一個(gè)新版本的小程序代碼。服務(wù)器收到代碼后,管理員就可以通過(guò)公眾平臺(tá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à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也是不支持的。
關(guān)于微信小程序開(kāi)發(fā)文檔菜鳥(niǎo)教程和微信 小程序 開(kāi)發(fā)文檔的介紹到此就結(jié)束了,不知道你從中找到你需要的信息了嗎 ?如果你還想了解更多這方面的信息,記得收藏關(guān)注本站。