小程序依附于各大平臺(tái)，支付寶、微信、頭條、百度等小程序，都是在平臺(tái)上進(jìn)行開(kāi)發(fā)，平臺(tái)提供對(duì)應(yīng)的技術(shù)支持和用戶環(huán)境。
對(duì)于個(gè)人開(kāi)發(fā)者，這個(gè)還是蠻方便的，它本身帶有流量屬性，易于傳播。
便捷開(kāi)發(fā)最近在弄自己的小程序，所以整一篇文章總結(jié)一下。
如果你已經(jīng)開(kāi)發(fā)過(guò)小程序，這篇文章可以不用看了。
小程序開(kāi)發(fā)相當(dāng)?shù)谋憬?，配合官方文檔，微信小程序文檔、支付寶小程序文檔，即可在本地運(yùn)行起來(lái)，如果只是單純的展示，那只需要開(kāi)發(fā)完之后上傳，等待審核了。
只需要一點(diǎn)前端基礎(chǔ)，就可開(kāi)發(fā)一個(gè)自己的小程序，有想法的同學(xué)可以行動(dòng)起來(lái)。
如果在開(kāi)發(fā)中出現(xiàn)問(wèn)題，也可以在小程序社區(qū)求助，微信小程序社區(qū)。
不是在給官方推廣。
如果你希望開(kāi)發(fā)屬于自己的應(yīng)用，小程序是一個(gè)可以快速入手的方案，便捷開(kāi)發(fā)，快速發(fā)布，自帶傳播功能。
下面我選中微信小程序講解。
微信原生小程序開(kāi)發(fā) |—— component 組件目錄 |—— pages page頁(yè)面目錄 | ......more dir | |—— index index頁(yè)面 | | |—— index.js index.js- js邏輯文件 | | |—— index.json index.json- json配置文件 | | |—— index.wxml index.wxml- wxml頁(yè)面結(jié)構(gòu) | | |—— index.wxss index.wxss- wxss頁(yè)面樣式 |—— app.js 全局js文件 |—— app.json 全局json配置文件 |—— app.wxss 全局樣式文件 |—— project.config.json 項(xiàng)目配置 |—— sitemap.json 爬蟲(chóng)文件將項(xiàng)目導(dǎo)入到小程序開(kāi)發(fā)工具中，就可以開(kāi)始開(kāi)發(fā)了。
添加頁(yè)面，直接在pages目錄添加新的文件目錄。
具體細(xì)節(jié)參考微信小程序文檔語(yǔ)法支持：
目前最新版本庫(kù)已經(jīng) 支持Es6 / Es7，async/await 和 Promise；開(kāi)發(fā)工具會(huì)將代碼轉(zhuǎn)換成Es5 語(yǔ)法，保證各種機(jī)型的樣式適配；部分語(yǔ)法類似于vue和react；組件支持：
提供 template 模板支持, 微信小程序 template模版；Component自定義組件支持，組件內(nèi)部存在生命周期, Component自定義組件；API支持：
可以調(diào)用封裝過(guò)的系統(tǒng)原生方法，比如藍(lán)牙、網(wǎng)絡(luò)信息、掃碼等API方法；常規(guī)的方法如：
Storage、Reqeuest、Animation、Canvas等，更多可以查看微信小程序 API；除小程序原生開(kāi)發(fā)外，當(dāng)然也可以使用框架了，我個(gè)人覺(jué)得 Taro框架不錯(cuò)，支持多端小程序開(kāi)發(fā)Taro開(kāi)發(fā)Taro開(kāi)發(fā)文檔，Taro 支持多端開(kāi)發(fā)，包括微信/百度/支付寶/頭條小程序、H5、React-Native，目前我只使用開(kāi)發(fā)過(guò)微信小程序和支付寶小程序、H5，其他的還沒(méi)有嘗試過(guò)。
|—— config 開(kāi)發(fā)配置文件 |—— dist 目標(biāo)文件目錄 |—— src 開(kāi)發(fā)目錄 | |—— actions redux action文件 | |—— constants 常量文件 | |—— pages page頁(yè)面目錄 ......more dir | | |—— index | | | |—— index.scss | | | |—— index.txs | |—— reducers redux reducers文件 | |—— store redux store文件 | |—— app.scss app全局樣式 | |—— app.tsx app全局js | |—— index.html html文件 |—— .editorconfig editor配置文件 |—— .eslintrc eslint配置文件 |—— global.d.ts global配置 |—— tsconfig.json ts配置文件 |—— package.json |—— project.config.json |—— readme.md語(yǔ)法支持：
ts 語(yǔ)法支持；React語(yǔ)法規(guī)范；支持使用 CSS 預(yù)編譯器；Es6/Es7 語(yǔ)法支持，如果需要更新的語(yǔ)法，可以在配置config配置；組件支持：
react組件式開(kāi)發(fā)，不過(guò)最后還是會(huì)編譯成原生小程序；npm包：
支持使用 npm/yarn 管理；可以使用 Redux 進(jìn)行狀態(tài)管理；API：
對(duì)小程序API、H5 API進(jìn)行一次封裝，更加方便；react + ts + npm包，基本就是前端開(kāi)發(fā)正常節(jié)奏。
不論你開(kāi)發(fā)的那個(gè)小程序，只需要運(yùn)行對(duì)應(yīng)的命令，同時(shí)，將dist目錄文件導(dǎo)入到開(kāi)發(fā)工具中，即可看見(jiàn)效果。
taro和原生小程序原生小程序：
上手快，對(duì)于接觸過(guò)前端開(kāi)發(fā)的同學(xué)，可以馬上上手，基本不存在技術(shù)壁壘。
面向微信小程序文檔編程。
Taro開(kāi)發(fā)：
react語(yǔ)法規(guī)范，react組件開(kāi)發(fā)，ts語(yǔ)法支持，支持redux。
對(duì)于react有偏好的同學(xué)，強(qiáng)烈推薦。
如果你喜歡react，建議使用Taro開(kāi)發(fā)。
(易于團(tuán)隊(duì)協(xié)作)。
小程序開(kāi)發(fā)問(wèn)題微信小程序 不可以使用cookie微信小程序 非HTTPS的域名不被支持微信小程序 分享API是同步操作，同時(shí)回調(diào)成功失敗被無(wú)法監(jiān)聽(tīng)微信小程序 wx.setStorageSync和wx.getStorageSync的API會(huì)頻繁報(bào)錯(cuò)微信小程序 setData數(shù)據(jù)的1M限制，通過(guò)數(shù)據(jù)數(shù)據(jù)拆分可以解決微信小程序 主包的限制2M，導(dǎo)致無(wú)法引入過(guò)多的外部文件（使用Taro會(huì)依賴npm包）微信小程序 微信開(kāi)發(fā)工具占用CPU過(guò)高，導(dǎo)致電腦卡頓當(dāng)然問(wèn)題肯定不止這些，還有微信小程序原生組件、API、官方插件等問(wèn)題，這里不一一細(xì)講了，對(duì)于想做自己小程序的同學(xué)，這些基本夠用。
不過(guò)可能會(huì)有人問(wèn)，框架不是還沒(méi)有講嘛？其實(shí)使用Tora開(kāi)發(fā)小程序，你只是在使用不同的語(yǔ)法，在編寫小程序，最后，命令工具都會(huì)將文件轉(zhuǎn)換成原生小程序的文件格式。
個(gè)人應(yīng)用不論你使用哪一種方式，開(kāi)發(fā)你的個(gè)人應(yīng)用，最后都會(huì)回歸到產(chǎn)品本身上。
通過(guò)技術(shù)完成自己心目中的個(gè)人應(yīng)用，將應(yīng)用提供給用戶，這個(gè)才是終極目標(biāo)。
（技術(shù)只是手段，產(chǎn)品才是目標(biāo)）不過(guò)我個(gè)人使用Taro開(kāi)發(fā)，算是嘗嘗鮮。
廢話不多說(shuō)，希望個(gè)人項(xiàng)目源碼可以幫助到大家github: wxSapp 個(gè)人小程序源碼推薦教程：
《微信小程序》以上就是個(gè)人小程序應(yīng)用開(kāi)發(fā)指南的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！
微信
分享相關(guān)標(biāo)簽：
小程序本文轉(zhuǎn)載于：
掘金社區(qū)，如有侵犯，請(qǐng)聯(lián)系[email protected]刪除
上一篇：
微信小程序開(kāi)發(fā)BUG經(jīng)驗(yàn)的一些總結(jié)
下一篇：
小程序標(biāo)題可以居中嗎？相關(guān)文章相關(guān)視頻微信小程序 絕對(duì)路徑 require如何實(shí)現(xiàn)微信小程序在電腦上玩微信小程序中為什么不使用骨架屏，來(lái)提升用戶體驗(yàn)？微信小程序502是什么意思個(gè)人小程序應(yīng)用開(kāi)發(fā)指南初識(shí)微信小程序(2)初識(shí)微信小程序(3)深入了解微信小程序(一) [溫州做小程序]