小程序開發(fā)框架后期修改(小程序開發(fā)框架后期修改方法)
本篇文章給大家談?wù)勑〕绦蜷_發(fā)框架后期修改,以及小程序開發(fā)框架后期修改方法對(duì)應(yīng)的知識(shí)點(diǎn),希望對(duì)各位有所幫助,不要忘了收藏本站喔。
本文目錄一覽:
微信小程序開發(fā)工具怎么用 小程序開發(fā)工具使用方法
1、首先要下載微信官方的微信Web開發(fā)者工具。打開微信公眾平臺(tái)(mp.weixin.qq.com),找到右下方的小程序模塊,點(diǎn)擊「開發(fā)」按鈕;
2、點(diǎn)擊頂部導(dǎo)航欄的「工具」按鈕,在新頁面的左側(cè)欄中找到「下載」。可以看到,開發(fā)工具提供 Windows 32 位、Windows 64 位和 Mac 三個(gè)版本??筛鶕?jù)實(shí)際情況,選擇適合自己電腦的開發(fā)工具。
3、安裝后,就可以直接啟動(dòng)開發(fā)者工具。如果是首次啟動(dòng)開發(fā)者工具,需要使用開發(fā)者的微信號(hào)掃碼登錄。登陸后,點(diǎn)擊「添加項(xiàng)目」按鈕,填寫 AppID(如果沒有,則點(diǎn)擊無 AppID)和項(xiàng)目名稱。接著,在項(xiàng)目目錄中點(diǎn)擊「選擇」,新建一個(gè)文件夾作為新的項(xiàng)目目錄。然后再次點(diǎn)擊「添加項(xiàng)目」,就可以新建出一個(gè)微信小程序項(xiàng)目了。
4、微信開發(fā)者工具共分成「編輯」、「調(diào)試」和「項(xiàng)目」三個(gè)部分。
編輯:編輯和修改小程序的代碼。
調(diào)試:顯示小程序代碼錯(cuò)誤和警告,便于調(diào)試代碼錯(cuò)誤。
項(xiàng)目:用于查看小程序的屬性、修改小程序配置,以及提交小程序代碼至微信服務(wù)器。
5、懂技術(shù)的程序員到這一步就可以自己開發(fā)了。而不懂編程的小白,可以登錄微信小程序制作平臺(tái)「即速應(yīng)用」官方網(wǎng)站進(jìn)行小程序的制作。里面有大量的小程序模板,根據(jù)自己的需求選擇一個(gè)模板進(jìn)行制作即可。
開發(fā)工具還提供簡單的模擬器(頁面左側(cè)),開發(fā)者可以使用模擬器在電腦上模擬用戶點(diǎn)擊及使用,提供后臺(tái)情況模擬、多媒體播放器調(diào)試、緩存數(shù)據(jù)處理等功能
6、制作完成后,點(diǎn)擊「生成」按鈕。然后選擇「小程序打包」,下載小程序的標(biāo)準(zhǔn)代碼包。
7、回到在微信Web開發(fā)工具中,在「項(xiàng)目目錄」這一欄選擇下載好的代碼包,打開后就可以看到小程序的預(yù)覽效果了。
8、在「項(xiàng)目」頁面中,開發(fā)者可以查看小程序的基本屬性,也可以進(jìn)行真機(jī)預(yù)覽調(diào)試,或向微信服務(wù)器提交一個(gè)新版本的小程序代碼。服務(wù)器收到代碼后,管理員就可以通過公眾平臺(tái),將新版本提交審核了。
推薦兩個(gè)微信小程序開發(fā)框架
下面是最近了解的,開發(fā)者使用較多的框架:
1. WePY
WePY屬騰訊系,是一款組件化的開發(fā)框架,比原生小程序的開發(fā)模式更接近于MVVM ,它類Vue的開發(fā)風(fēng)格,讓Vue開發(fā)者很容易上手。
Github地址:
官網(wǎng)地址:
2. mpvue
mpvue 是美團(tuán)點(diǎn)評(píng)開源的一個(gè)使用Vue.js開發(fā)小程序的前端框架。框架基于 Vue.js 核心,mpvue 修改了 Vue.js 的 runtime 和 compiler 實(shí)現(xiàn),使其可以運(yùn)行在小程序環(huán)境中,從而為小程序開發(fā)引入了整套 Vue.js 開發(fā)體驗(yàn)。
Github:
官網(wǎng):
微信小程序開發(fā)定制怎么做
快速構(gòu)建微信小程序服務(wù)端,你可以來試試這個(gè)!
騰訊云針對(duì)上述痛點(diǎn),為開發(fā)者們提供了一個(gè)微信小程序的云端腳手架,通過對(duì)云端代碼的簡單修改,就可以實(shí)現(xiàn)你自己復(fù)雜的線上業(yè)務(wù)邏輯!
一鍵自動(dòng)完成域名的注冊(cè)解析以及云端資源的分配初始化,快速搭建具備云端能力的專屬小程序,提高小程序開發(fā)的效率;
原生支持HTTPS/WSS,配備BGP高防,域名智能解析及防劫持等多重安全防護(hù)體系,證書申請(qǐng)部署對(duì)開發(fā)者透明,減少開發(fā)者不必要的麻煩;
提供完整的鑒權(quán)會(huì)話管理服務(wù),保證帳號(hào)安全同時(shí)提升小程序開發(fā)的效率;
針對(duì)小程序帳號(hào)鑒權(quán)及webSocket長鏈接通信等特性,提供會(huì)話管理及webSocket信道等基礎(chǔ)服務(wù)幫助開發(fā)者高效完成小程序開發(fā)并提供pass級(jí)的webSocket信道服務(wù),降低開發(fā)者使用webSocket通信的門檻;
基于應(yīng)用需求靈活配置,針對(duì)微信小程序傳播可能出現(xiàn)的流量暴增,提供彈性伸縮的解決方案,從容應(yīng)對(duì)高并發(fā)場(chǎng)景!在特定時(shí)點(diǎn)或者CPU/內(nèi)存達(dá)到某個(gè)閥值后自動(dòng)擴(kuò)容,隨后自動(dòng)縮容,輕松應(yīng)對(duì)高并發(fā);
創(chuàng)建服務(wù)
微信小程序
填寫完信息,收到了開通的信息后,開始正式開通小程序
img
我們可以看到,騰訊云為我們提供了多種可選的語言,選擇一個(gè)我們自己最為熟悉的語言,這樣我們可以對(duì)騰訊云提供的服務(wù)進(jìn)行定制化的修改,這里我選擇的是NodeJS.
在選擇好后,點(diǎn)擊立即創(chuàng)建,然后進(jìn)入等待創(chuàng)建的界面
img
img
我們可以看到,騰訊云為我們一鍵創(chuàng)建了多種云服務(wù)/比如負(fù)載均衡、業(yè)務(wù)云服務(wù)器、會(huì)話管理云服務(wù)器、云數(shù)據(jù)庫等,還貼心的幫我們申請(qǐng)了一個(gè)免費(fèi)的HTTPS證書,幫助我們來快速調(diào)試,免得我們沒有SSL證書,免去申請(qǐng)證書得麻煩!
在等待一會(huì)后,我們就可以看到提示:
img
點(diǎn)擊左側(cè)的總覽,可以看到 騰訊云微信小程序解決方案 為我們創(chuàng)建的所有云資源
配置小程序
接下來,我們就可以開始進(jìn)行微信小程序的配置了。
首先,我們要登陸微信小程序的后臺(tái)來修改域名配置
我們只需要根據(jù)頁面上的提示,進(jìn)行設(shè)置就可以了
設(shè)置完成后,我們可以稍等幾分鐘重啟微信開發(fā)者工具生效。
配置本地源碼
接下來,我們來配置本地源碼
img
這里我使用的是Git來下載源碼。
img
下載好后,打開我們的微信小程序開發(fā)工具,創(chuàng)建一個(gè)新的項(xiàng)目
項(xiàng)目目錄選擇我們剛剛下載的源碼的目錄,然后點(diǎn)擊添加項(xiàng)目,進(jìn)入項(xiàng)目頁面。
然后修改下我們本地的配置文件
將其中
var host = '65169084.qcloud.la';
中的域名改為 騰訊云微信小程序解決方案 為你創(chuàng)建的域名。
修改完成后,保存,點(diǎn)擊左側(cè)的調(diào)試,進(jìn)入調(diào)試界面,點(diǎn)擊其中的預(yù)覽,并掃碼,就可以進(jìn)入真機(jī)測(cè)試了!接下來,來看看我們的微信小程序做出的成品吧!
關(guān)于小程序開發(fā)框架后期修改和小程序開發(fā)框架后期修改方法的介紹到此就結(jié)束了,不知道你從中找到你需要的信息了嗎 ?如果你還想了解更多這方面的信息,記得收藏關(guān)注本站。