一、微信小程序的簡(jiǎn)單介紹

微信小程序是一種不需要下載安裝即可使用的應(yīng)用，它實(shí)現(xiàn)了應(yīng)用“觸手可及”的夢(mèng)想，用戶掃一掃或者搜一下即可打開應(yīng)用。也體現(xiàn)了“用完即走”的理念，用戶不用關(guān)心是否安裝太多應(yīng)用的問題。應(yīng)用將無處不在，隨時(shí)可用，但又無需安裝卸載。

我們身邊的小程序：例如進(jìn)醫(yī)院需要查看的行程卡、掃描二維碼報(bào)體溫的員工情況日?qǐng)?bào)、包括最近開發(fā)的掌上BI等等。

1.優(yōu)勢(shì)

1. 使用起來方便快捷：微信掃描二維碼可以打開指定的小程序；微信下拉就可以找到最近使用的小程序，無需下載。
2. 宣傳方便：可以一鍵分享給好友或者微信群，用戶點(diǎn)擊即用。
3. 使用場(chǎng)景多樣：可以調(diào)用比H5更多的手機(jī)系統(tǒng)功能來進(jìn)行開發(fā)，例如GPS定位、錄音、拍視頻、重力感應(yīng)等，能開發(fā)更豐富的使用場(chǎng)景。
4. 運(yùn)行速度快：體積小，支持預(yù)加載，用戶體驗(yàn)好。
5. 用戶對(duì)版本更迭無感，不像APP需要手動(dòng)更新。

2.劣勢(shì)

1. 體積小也是缺點(diǎn)，微信小程序只能2M大?。ㄊ褂梅职夹g(shù)可以到12M），所以一般的小程序都是用來展示信息和一些簡(jiǎn)單的交互，不適用于業(yè)務(wù)復(fù)雜的項(xiàng)目。
2. 技術(shù)不是很穩(wěn)定：大部分功能使用微信提供的API，偶爾會(huì)遇上BUG解決不了，可以去論壇發(fā)帖子，會(huì)有官方開發(fā)人員反饋（如果開發(fā)時(shí)遇到BUG，可以先去論壇搜一下，如果有同樣的問題則需要先考慮其他的實(shí)現(xiàn)方式）。官方論壇點(diǎn)這里
3. 功能限制：一些功能只能使用微信提供的接口，比如說活體檢測(cè)、實(shí)人認(rèn)證等等，這些功能開發(fā)時(shí)可以實(shí)現(xiàn)，但是上線審核的時(shí)候不通過，而且這些接口也是付費(fèi)的（我們之前在微信里做了活體檢測(cè)和人臉識(shí)別，審核不通過，最終做成了APP）。
4. 資質(zhì)問題：一部分功能是需要資質(zhì)的，比如說活體檢測(cè)和人臉識(shí)別等接口的調(diào)用只有某些行業(yè)可以使用。微信人臉核身接口能力
5. 技術(shù)限制：微信小程序服務(wù)端必須要有域名，域名必須是https，也就是說需要SSL證書。
6. 時(shí)間限制：微信小程序開發(fā)和部署過程中的某些環(huán)節(jié)的認(rèn)證和審核是需要一段時(shí)間的，比如說域名的話，需要備案（一般是7個(gè)工作日），SSL證書的申請(qǐng)（時(shí)間不一），小程序發(fā)布（7個(gè)工作日，功能簡(jiǎn)單的小程序大概1-2天就可以審核通過）。

總結(jié)：第一，在開發(fā)之前先要查一查需要實(shí)現(xiàn)的功能小程序是否支持；第二，預(yù)留出審核的時(shí)間。

二、使用uniapp建立一個(gè)示例項(xiàng)目并運(yùn)行

uni-app 是一個(gè)使用 Vue.js 開發(fā)所有前端應(yīng)用的框架，開發(fā)者編寫一套代碼，可發(fā)布到iOS、Android、Web（響應(yīng)式）、以及各種小程序（微信/支付寶/百度/頭條/飛書/QQ/快手/釘釘/淘寶）、快應(yīng)用等多個(gè)平臺(tái)。（簡(jiǎn)單來說就是一套代碼，可以打包成微信小程序，也可以打包成APP、H5頁面等等，當(dāng)然也會(huì)有一些兼容性的問題，后面有需要再說）。

1.環(huán)境準(zhǔn)備

開發(fā)環(huán)境：win7 64位

1. Javascript 運(yùn)行環(huán)境：Node.js12.1.0【win7安裝教程】
2. 開發(fā)工具：HBuilderX最新版
3. 運(yùn)行環(huán)境：微信開發(fā)者工具最新版
4. 注冊(cè)小程序賬號(hào)獲取AppID：微信小程序ID申請(qǐng)的流程

2.在HBuilderX中建立示例項(xiàng)目并運(yùn)行至微信開發(fā)者工具

1. 確定Node.js安裝成功：在CMD命令行運(yùn)行node -v，出現(xiàn)下圖則表示配置成功：
   
2. 在HBuilderX中建立示例項(xiàng)目

3. 在HBuilderX配置微信開發(fā)者工具的安裝路徑

4. 打開微信開發(fā)者工具，開啟端口
   

5. 運(yùn)行demo項(xiàng)目
   

6. demo項(xiàng)目運(yùn)行成功?。。?/mark>文章來源地址http://www.zghlxwxcb.cn/news/detail-619923.html

到了這里，關(guān)于uniapp開發(fā)微信小程序教程（一）的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！