目錄
1. 介紹
1.1 優(yōu)點
1.2 開發(fā)方式
2. 開發(fā)準備
2.1 申請
2.2 申請測試號
2.2 小程序開發(fā)的兩種方式
2.3 開發(fā)工具
3. 開發(fā)一個demo
3.1 創(chuàng)建項目
3.2 配置
3.3 常用框架
3.3 目錄結(jié)構(gòu)說明
3.4 新建組件
1. 介紹
1.1 優(yōu)點
- 是一種不需要下載安裝即可使用的應(yīng)用,是一種觸手可及的應(yīng)用
- 可以借助微信的流量入口,方便推廣應(yīng)用,微信的日活量已經(jīng)超過了10億,微信覆蓋的行業(yè)達到了200+的數(shù)量
- 跨平臺,只要可以安裝微信的地方就可以使用小程序
- 除微信小程序之外,還存在支付寶,QQ,抖音,頭條等小程序,使用方式比較類似
1.2 開發(fā)方式
1.套模板小程序
就是購買互聯(lián)網(wǎng)公司的模板小程序。它的優(yōu)缺點很明顯,
優(yōu)點搭建速度快、價格低;號稱三分鐘就能搭建上線。
缺點是缺乏個性化、功能不靈活、用戶體驗較差、售后服務(wù)難以保證
2.定制開發(fā)小程序
定制開發(fā)分兩種,
一是自己組建小程序開發(fā)團隊,
二是委托外包公司做定制開發(fā)。
定制開發(fā)優(yōu)點是完全符合需求,要說缺點,就是費錢、耗時間。有多貴,幾萬到幾十萬不等,
但貴有貴的好處,好比出自一流設(shè)計師的高級定制服裝,完全按你的需求開發(fā)。適合有特殊的需求的企業(yè)開發(fā)
3.行業(yè)專用小程序
根據(jù)你的行業(yè)特點,來制作最適合你的小程序。
教育行業(yè)就用教育行業(yè)的小程序;美妝行業(yè)就用美妝行業(yè)的小程序。
行業(yè)專用小程序,
具備套模板小程序的優(yōu)點,制作快,
又能避免定制開發(fā)小程序的貴,
價格適中,搭建速度快
2. 開發(fā)準備
2.1 申請
https://mp.weixin.qq.com
2.2 申請測試號
https://developers.weixin.qq.com/miniprogram/dev/devtools/sandbox.html
點擊申請地址,掃描二維碼
2.2 小程序開發(fā)的兩種方式
- 后端服務(wù):不使用云服務(wù)。自主開發(fā)小程序需要的支持服務(wù)。好處是自主可控,數(shù)據(jù)保密性較好。
- 使用現(xiàn)成的云服務(wù),不能開發(fā)部署服務(wù),直接調(diào)用云服務(wù)。
2.3 開發(fā)工具
下載
2.4 申請測試appid
點擊【申請地址】掃碼獲取測試appid
3. 開發(fā)一個demo
3.1 創(chuàng)建項目
創(chuàng)建項目
3.2 配置
將“開發(fā)環(huán)境不校驗請求域名以及 TLS 版本”勾上。這樣在微信開發(fā)者工具中,也可以隨意訪問了。甚至可以使用?http://localhost:8000/?這種既不帶 https,也是本地地址,也帶端口的地址。
3.3 常用框架
- 微信原生框架(MINA)
- 其他框架uni-app/wepy/mpvue, 使用比較多的uni-app,優(yōu)點:開發(fā)者編寫一套代碼,可發(fā)布到iOS、Android、Web(響應(yīng)式)、以及各種小程序(微信/支付寶/百度/頭條/QQ/釘釘/淘寶)、快應(yīng)用等多個平臺。
3.3 目錄結(jié)構(gòu)說明
目錄結(jié)構(gòu)如圖:
在上圖中,所有的頁面組件放在pages目錄中,pages中的每個子目錄可以看作是一個組件,每個組件分為四個部分,即如下表格:
文件 | 說明 |
---|---|
.js | 頁面邏輯 |
.json | 頁面配置 |
.wxml | 頁面顯示 |
.wxss | 頁面樣式 |
utils包: 用于放置全局需要的工具方法
app.js
app.json
app.wxss
以上三個文件為小程序全局配置文件。
project.config.json 這個文件就是項目的一些配置信息,包括版本、依賴、程序名之類。
3.4 新建組件
- 可以在pages中創(chuàng)建一個目錄,然后如上面一個表格所示,創(chuàng)建四個文件,這四個文件,名稱相同,擴展名不同。這種方式比較麻煩。
- 直接通過配置:app.json配置文件,(在app.json配置文件中,放在第一個的組件作業(yè)默認顯示組件)
文章來源:http://www.zghlxwxcb.cn/news/detail-752374.html
文章來源地址http://www.zghlxwxcb.cn/news/detail-752374.html
到了這里,關(guān)于微信小程序入門及開發(fā)準備,申請測試號以及小程序開發(fā)的兩種方式,目錄結(jié)構(gòu)說明的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!