微信小程序開發(fā)文檔菜鳥教程(微信 小程序 開發(fā)文檔)
今天給各位分享微信小程序開發(fā)文檔菜鳥教程的知識,其中也會對微信 小程序 開發(fā)文檔進行解釋,如果能碰巧解決你現(xiàn)在面臨的問題,別忘了關注本站,現(xiàn)在開始吧!
本文目錄一覽:
微信小程序開發(fā)怎么做
您好,
微信小程序,開發(fā)之前必須要完成和注冊認證。如果是個人或者小公司想開發(fā)微信小程序,也可以找微信認證第三方開發(fā)商,比如贏在移動、正品科技等。
1、微信小程序注冊
在微信公眾平臺官網(wǎng)首頁,按照提示點擊右上角的“立即注冊”按鈕,里面總過有12步,按照要求提交就可以了。
2、小程序申請微信認證
政府、媒體、其他組織類型帳號,必須通過微信認證驗證主體身份。企業(yè)類型帳號,可以根據(jù)需要確定是否申請微信認證。已認證帳號可使用微信支付、微信卡券等高級權限。
認證入口:登錄小程序—設置—基本設置—微信認證—詳情
3、小程序申請微信支付
已認證的小程序可申請微信支付。
4、小程序綁定微信開放平臺帳號
小程序綁定微信開放平臺帳號后,可與帳號下的其他移動應用、網(wǎng)站應用及公眾號打通,通過UnionID機制滿足在多個應用和公眾號之間統(tǒng)一用戶帳號的需求。
UnionID機制說明:如果開發(fā)者擁有多個移動應用、網(wǎng)站應用、和公眾帳號(包括小程序),可通過UnionID來區(qū)分用戶的唯一性,因為只要是同一個微信開放平臺帳號下的移動應用、網(wǎng)站應用和公眾帳號(包括小程序),用戶的unionid是唯一的。換句話說,同一用戶,對同一個微信開放平臺下的不同應用,UnionID是相同的。用戶的UnionID可通過調用“獲取用戶信息”接口獲取。
5、了解“獲取用戶信息”接口請查看開發(fā)文檔—API—開放接口—用戶信息。
綁定小程序流程說明:登錄微信開放平臺、—管理中心—公眾帳號—綁定公眾帳號
注意:微信開放平臺帳號必須完成開發(fā)者資質認證才可以綁定小程序。
如何用微信開發(fā)小程序
首先要下載微信官方的微信Web開發(fā)者工具。打開微信公眾平臺(mp.weixin.qq.com),找到右下方的小程序模塊,點擊「開發(fā)」按鈕;
點擊頂部導航欄的「工具」按鈕,在新頁面的左側欄中找到「下載」??梢钥吹?,開發(fā)工具提供 Windows 32 位、Windows 64 位和 Mac 三個版本??筛鶕?jù)實際情況,選擇適合自己電腦的開發(fā)工具。
安裝后,就可以直接啟動開發(fā)者工具。如果是首次啟動開發(fā)者工具,需要使用開發(fā)者的微信號掃碼登錄。登陸后,點擊「添加項目」按鈕,填寫 AppID(如果沒有,則點擊無 AppID)和項目名稱。接著,在項目目錄中點擊「選擇」,新建一個文件夾作為新的項目目錄。然后再次點擊「添加項目」,就可以新建出一個微信小程序項目了。
微信開發(fā)者工具共分成「編輯」、「調試」和「項目」三個部分。
編輯:編輯和修改小程序的代碼。
調試:顯示小程序代碼錯誤和警告,便于調試代碼錯誤。
項目:用于查看小程序的屬性、修改小程序配置,以及提交小程序代碼至微信服務器。
開發(fā)工具還提供簡單的模擬器(頁面左側),開發(fā)者可以使用模擬器在電腦上模擬用戶點擊及使用,提供后臺情況模擬、多媒體播放器調試、緩存數(shù)據(jù)處理等功能。
懂技術的程序員到這一步就可以自己開發(fā)了。而不懂編程的小白,可以登錄微信小程序制作平臺「即速應用」官方網(wǎng)站進行小程序的制作。里面有大量的小程序模板,根據(jù)自己的需求選擇一個模板進行制作即可。
制作完成后,點擊「生成」按鈕。然后選擇「小程序打包」,下載小程序的標準代碼包。
回到在微信Web開發(fā)工具中,在「項目目錄」這一欄選擇下載好的代碼包,打開后就可以看到小程序的預覽效果了。
在「項目」頁面中,開發(fā)者可以查看小程序的基本屬性,也可以進行真機預覽調試,或向微信服務器提交一個新版本的小程序代碼。服務器收到代碼后,管理員就可以通過公眾平臺,將新版本提交審核了。
微信小程序怎么開發(fā)
第一章:準備工作
做好準備工作很重要。開發(fā)一個微信應用號,你需要提前到微信的官方網(wǎng)站下載開發(fā)者工具。
1.下載最新微信開發(fā)者工具,打開后你會看到該界面:
2. 點擊「新建 web+」項目
3. 該頁面內的各項內容需要注意——
AppID:依照官方解釋來填。
Appname: 項目最外層文件夾名稱,如你將其命名為「ABC」,則之后的全部項目內容均將保存在「/ABC/…」目錄下。
本地開發(fā)目錄:項目存放在本地的目錄。
注:再次強調,如果你和團隊成員共同開發(fā)該項目,則建議你們使用同樣的目錄名稱及本地目錄,以確保協(xié)同開發(fā)的統(tǒng)一性。如果你之前已有項目,則導入過程與以上內容近似,不再贅述。
4. 準備工作全部完成后,點擊「新建項目」按鈕,彈出框點「確定」
5.此刻,微信開發(fā)者工具已經為你自動構建了一個初始的demo項目,該項目內包含了一個微信應用項目所需具備的基本內容和框架結構。點擊項目名稱(圖中即「cards」)進入該項目,就能看到整個項目的基本架構了:
第二章:項目構架
微信目前用戶群體非常龐大,微信推出公眾號以后,火爆程度大家都看得到,也同樣推動著 Html 5 的高速發(fā)展,隨著公眾號業(yè)務的需求越來越復雜,應用號現(xiàn)在的到來也是恰到好處。
微信提供給開發(fā)者的方式也在發(fā)生全面的改變:從操作 DOM 轉為操作數(shù)據(jù),基于微信提供的一個過橋工具實現(xiàn)很多 Html 5 在公眾號很難實現(xiàn)的功能,有點類似于 hybrid 開發(fā),不同于 hybrid 開發(fā)的方式是:微信開放的接口更為嚴謹,結構必須采用他提供給的組件,外部的框架和插件都不能在這里使用上,讓開發(fā)者完全脫離操作 DOM,開發(fā)思想轉變很大。
工欲善其事,必先利其器。理解它的核心功能非常重要,先了解它的整個運作流程。
生命周期:
在index.js里面:
開發(fā)者工具上 Console 可以看到:
在首頁 console 可以看出順序是 App Launch–App Show–onLoad–onShow–onReady。
首先是整個 app 的啟動與顯示,app 的啟動在 app.js 里面可以配置,其次再進入到各個頁面的加載顯示等等??梢韵胂蟮竭@里可以處理很多東西了,如加載框之類的都可以實現(xiàn)等等。
路由:
路由在項目開發(fā)中一直是個核心點,在這里其實微信對路由的介紹很少,可見微信在路由方面經過很好的封裝,也提供三個跳轉方法。
wx.navigateTo(OBJECT):保留當前頁面,跳轉到應用內的某個頁面,使用wx.navigateBack可以返回到原頁面。
wx.redirectTo(OBJECT):關閉當前頁面,跳轉到應用內的某個頁面。
wx.navigateBack():關閉當前頁面,回退前一頁面。
這三個基本上使用足夠,在路由方面微信封裝的很好,開發(fā)者根本不用去配置路由,往往很多框架在路由方面配置很繁瑣。
組件:
此次微信在組件提供方面也是非常全面,基本上滿足項目需求,故而開發(fā)速度非???,開發(fā)前可以認真瀏覽幾次,開發(fā)效率會很好。
其它:
任何外部框架以及插件基本上無法使用,就算原生的 js 插件也很難使用,因為以前的 js 插件也基本上全部是一操作 dom 的形式存在,而微信應用號此次的架構是不允許操作任何 dom,就連以前開發(fā)者們習慣使用的動態(tài)設置的rem.js也是不支持的。
關于微信小程序開發(fā)文檔菜鳥教程和微信 小程序 開發(fā)文檔的介紹到此就結束了,不知道你從中找到你需要的信息了嗎 ?如果你還想了解更多這方面的信息,記得收藏關注本站。