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