微信小程序開發(fā)如何新建項目(怎么創(chuàng)建小程序項目)
本篇文章給大家談?wù)勎⑿判〕绦蜷_發(fā)如何新建項目,以及怎么創(chuàng)建小程序項目對應(yīng)的知識點,希望對各位有所幫助,不要忘了收藏本站喔。
本文目錄一覽:
小程序開發(fā)
小程序開發(fā)有以下兩種方法:
1、使用第三方小程序制作工具。
這種制作方式非常簡單,你需要選一個簡單的小程序制作工具,盡量找知名度高、模板美觀、業(yè)界口碑好的平臺,比如上線了,然后注冊賬號后選擇“創(chuàng)建小程序”。選一個你需要的模板,點擊進(jìn)入后臺編輯頁面。在這里你就可以制作你的小程序了。
這種方式以“展示”模板為例,在【通用風(fēng)格】里你可以設(shè)計小程序主題色、產(chǎn)品布局,自定義導(dǎo)航欄;在【頁面設(shè)計】里你可以添加各種功能版塊,包括輪播圖、拼接圖、快捷按鈕、標(biāo)題、視頻、產(chǎn)品列表等。
2、使用微信小程序開發(fā)者平臺。
如果你懂技術(shù)知識,那么可以下載安裝官方小程序開發(fā)者工具。安裝好之后,就新建小程序項目,選擇代碼存放的硬盤路徑,填入自己的小程序的 AppID(沒有的話你要先到微信公眾平臺注冊一個小程序賬號,在“設(shè)置”里可以查看你的小程序的 AppID)。勾選“創(chuàng)建 QuickStart 項目”,就可以開發(fā)自己的小程序了。
用這種方式開發(fā)你需要參考微信官方開發(fā)文檔,要遵循友好禮貌、清晰明確、便捷優(yōu)雅、統(tǒng)一穩(wěn)定的特點,以及相應(yīng)的視覺規(guī)范(字體、列表、按鈕、圖標(biāo)等)。
微信小程序開發(fā)?
1、注冊微信小程序賬號
小程序注冊賬號
這個直接進(jìn)入微信小程序官網(wǎng)自行注冊即可,在此不多贅述。
微信小程序官方
2、獲取APPID
獲取小程序APPID
APPID在哪里獲取呢,根據(jù)第一步注冊的小程序帳號,然后登陸上,找到左側(cè)“設(shè)置”,“開發(fā)設(shè)置”,就看到APPID啦,把APPID復(fù)制下來,留作備用。
3、綁定開發(fā)者
如果在第一步注冊小程序帳號的時候,你不是管理員,那么這個時候,還需要綁定個開發(fā)者,直接登錄小程序后臺,點左側(cè)“用戶身份”-點右側(cè)“編輯”添加成員,出現(xiàn)個二維碼,管理員掃描二維碼后,然后輸入開發(fā)者微信號,勾選權(quán)限,確定,就可以了。
4、下載微信小程序開發(fā)者工具
下載微信小程序開發(fā)者工具
直接在微信小程序官方下載即可,根據(jù)不同的電腦系統(tǒng)下載對應(yīng)的版本,安裝即可,不多贅述!
5、創(chuàng)建微信小程序項目
打開步驟4中安裝好的小程序開發(fā)工具,然后用開發(fā)者(或者管理員)掃碼登錄,選擇創(chuàng)建“新項目”,填入步驟2獲取到的 AppID,設(shè)置一個本地項目的名稱,并選擇一個本地的文件夾作為代碼存儲的目錄,點擊「新建項目」就可以了。
微信小程序
6、編寫微信小程序代碼
編寫代碼對新手來說有點難度,不過我們可以從微信小程序官方上直接下載代碼實例,下載后,直接解壓到步驟5代碼存儲目錄內(nèi)即可。這時我們會發(fā)現(xiàn),有三個后綴的文件,分別為app.js、app.json、app.wxss。其中,.js 后綴的是腳本文件,.json 后綴的文件是配置文件,.wxss 后綴的是樣式表文件。
接下來喝彩科技工程師趙德志在這里詳細(xì)給大家說下,它們各自的功能。
app.js?是小程序的腳本代碼。我們可以在這個文件中監(jiān)聽并處理小程序的生命周期函數(shù)、聲明全局變量。調(diào)用 MINA 提供的豐富的 API,如本例的同步存儲及同步讀取本地數(shù)據(jù)。
app.json?是對整個小程序的全局配置。我們可以在這個文件中配置小程序是由哪些頁面組成,配置小程序的窗口 背景色,配置導(dǎo)航條樣式,配置默認(rèn)標(biāo)題。注意該文件不可添加任何注釋。
app.wxss?是整個小程序的公共樣式表。我們可以在頁面組件的 class 屬性上直接使用 app.wxss 中聲明的樣式規(guī)則。
微信小程序開發(fā)
7、創(chuàng)建微信小程序頁面
微信小程序中的每一個頁面的【路徑 + 頁面名】都需要寫在 app.json 的 pages 中,且 pages 中的第一個頁面是小程序的首頁。
每一個小程序頁面是由同路徑下同名的四個不同后綴文件的組成,如:index.js、index.wxml、index.wxss、index.json。.js 后綴的文件是腳本文件,.json 后綴的文件是配置文件,.wxss 后綴的是樣式表文件,.wxml 后綴的文件是頁面結(jié)構(gòu)文件。
微信小程序教程詳解
8、手機預(yù)覽
開發(fā)者工具左側(cè)菜單欄選擇"項目",點擊"預(yù)覽",掃碼后即可在微信客戶端中體驗。
9、上傳小程序代碼
開發(fā)者工具左側(cè)菜單欄選擇"項目",點擊"上傳"即可將代碼上傳到微信小程序服務(wù)器。
10、提交微信審核及小程序發(fā)布
步驟9上傳好小程序代碼后,提交微信進(jìn)行審核。審核現(xiàn)在也很快,一把幾個小時就審核過了,慢的話估計2-5天吧,等審核通過后,就可以在小程序后臺,進(jìn)行發(fā)布上線了。
怎樣創(chuàng)建自己的小程序
創(chuàng)建自己小程序方法如下:
1.微信版本升級后,打開微信,點擊底部的“發(fā)現(xiàn)”這個菜單項,就會發(fā)現(xiàn)升級后的“發(fā)現(xiàn)”菜單里,增加了“小程序”這樣一個功能。
2.點擊打開小程序后,可以看到有附近的小程序和我的小程序,附近的小程序是所在定位周邊的小程序。
下面的小程序列表可以看到的是我們之前打開過的一些小程序,如果有自己覺得很好用的小程序就可以點擊左上角,添加到我的小程序里面。
3.微信小程序還有具有搜索功能,打開搜索頁面可以輸入想要找的小程序。
關(guān)于微信小程序開發(fā)如何新建項目和怎么創(chuàng)建小程序項目的介紹到此就結(jié)束了,不知道你從中找到你需要的信息了嗎 ?如果你還想了解更多這方面的信息,記得收藏關(guān)注本站。