微信小程序開發(fā)流程是什么？
2022-06-17 分類： 微信小程序
小程序可以設(shè)多個(gè)入口，不占內(nèi)容，無需下載，使用起來也方便，為手機(jī)能節(jié)省不少空間。下面創(chuàng)新互聯(lián)科技有限公司為大家科普一下開發(fā)小程序的流程。
1.獲取微信小程序的 AppID
登錄微信公眾平臺(tái) ，就可以在網(wǎng)站的“設(shè)置”-“開發(fā)者設(shè)置”中，查看到微信小程序的 AppID 了，注意不可直接使用服務(wù)號(hào)或訂閱號(hào)的 AppID 。
注意：如果要以非管理員微信號(hào)在手機(jī)上體驗(yàn)該小程序，那么我們還需要操作“綁定開發(fā)者”。即在“用戶身份”-“開發(fā)者”模塊，綁定上需要體驗(yàn)該小程序的微信號(hào)。本教程默認(rèn)注冊(cè)帳號(hào)、體驗(yàn)都是使用管理員微信號(hào)。
2.創(chuàng)建項(xiàng)目
我們需要通過開發(fā)者工具，來完成小程序創(chuàng)建和代碼編輯。
開發(fā)者工具安裝完成后，打開并使用微信掃碼登錄。選擇創(chuàng)建“項(xiàng)目”，填入上文獲取到的 AppID ，設(shè)置一個(gè)本地項(xiàng)目的名稱（非小程序名稱），比如“我的*個(gè)項(xiàng)目”，并選擇一個(gè)本地的文件夾作為代碼存儲(chǔ)的目錄，點(diǎn)擊“新建項(xiàng)目”就可以了。
為方便初學(xué)者了解微信小程序的基本代碼結(jié)構(gòu)，在創(chuàng)建過程中，如果選擇的本地文件夾是個(gè)空文件夾，開發(fā)者工具會(huì)提示，是否需要?jiǎng)?chuàng)建一個(gè) quick start 項(xiàng)目。選擇“是”，開發(fā)者工具會(huì)幫助我們?cè)陂_發(fā)目錄里生成一個(gè)簡(jiǎn)單的 demo。
項(xiàng)目創(chuàng)建成功后，我們就可以點(diǎn)擊該項(xiàng)目，進(jìn)入并看到完整的開發(fā)者工具界面，點(diǎn)擊左側(cè)導(dǎo)航，在“編輯”里可以查看和編輯我們的代碼，在“調(diào)試”里可以測(cè)試代碼并模擬小程序在微信客戶端效果，在“項(xiàng)目”里可以發(fā)送到手機(jī)里預(yù)覽實(shí)際效果。
3.編寫代碼
創(chuàng)建小程序?qū)嵗?/div>
點(diǎn)擊開發(fā)者工具左側(cè)導(dǎo)航的“編輯”，我們可以看到這個(gè)項(xiàng)目，已經(jīng)初始化并包含了一些簡(jiǎn)單的代碼文件。關(guān)鍵也是必不可少的，是 app.js、app.json、app.wxss 這三個(gè)。其中，.js后綴的是腳本文件，.json后綴的文件是配置文件，.wxss后綴的是樣式表文件。微信小程序會(huì)讀取這些文件，并生成小程序?qū)嵗?/div>
在這個(gè)教程里，我們有兩個(gè)頁面，index 頁面和 logs 頁面，即歡迎頁和小程序啟動(dòng)日志的展示頁，他們都在 pages 目錄下。微信小程序中的每一個(gè)頁面的【路徑+頁面名】都需要寫在 app.json 的 pages 中，且 pages 中的*個(gè)頁面是小程序的首頁。
每一個(gè)小程序頁面是由同路徑下同名的四個(gè)不同后綴文件的組成，如：index.js、index.wxml、index.wxss、index.json。.js后綴的文件是腳本文件，.json后綴的文件是配置文件，.wxss后綴的是樣式表文件，.wxml后綴的文件是頁面結(jié)構(gòu)文件。
4.手機(jī)預(yù)覽
開發(fā)者工具左側(cè)菜單欄選擇"項(xiàng)目"，點(diǎn)擊"預(yù)覽"，掃碼后即可在微信客戶端中體驗(yàn)。
當(dāng)前標(biāo)題：微信小程序開發(fā)流程是什么？
URL鏈接：http://aaarwkj.com/news17/168467.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項(xiàng)目有小程序開發(fā)、微信小程序等
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- 成都如何搭建微信小程序h5版 2022-06-16
- 微信小程序開發(fā)告訴您如何突破排名地瓶頸期 2022-06-14
- 微信小程序JSON數(shù)據(jù)讀取常見問題 JSON數(shù)據(jù)示例 2022-06-14
- 成都哪里有制作微信小程序的 2022-06-13
- 規(guī)范搶先看！微信小程序平臺(tái)運(yùn)營規(guī)范 2022-06-12
- 微信小程序能做的幾個(gè)主要類別 2022-06-11
- 微信小程序的優(yōu)勢(shì)所在 2022-06-11
- 微信小程序開發(fā)要注意什么？ 2022-06-10
- 微信小程序?qū)儆蛎_放，8元搶購 2022-06-10
- 微信小程序要重振O2O生態(tài)？ 2022-06-15
- 企業(yè)產(chǎn)品適不適合做微信小程序？ 2022-06-15
- 微信小程序怎么申請(qǐng)？ 2022-06-15
- 微信小程序能給傳統(tǒng)企業(yè)什么幫助？ 2022-06-13
- 如何利用微信小程序新功能 2022-06-13
- 微信小程序應(yīng)用為用戶創(chuàng)造新的使用場(chǎng)景 2022-06-10
- 微信小程序推出廣告模式 2022-06-07
- 成都哪有制作微信小程序的公司? 2022-06-07
- 如何推廣微信小程序？ 2022-06-07
- 和APP相比，微信小程序的優(yōu)勢(shì)有哪些 2022-06-07