導航

星光科技教你如何開(kāi)發(fā)微信小程序?
發(fā)布時(shí)間:2020/12/12發(fā)布作者:本站閱讀次數:2959

如何開(kāi)發(fā)微信小程序?星光科技小編為了讓更多人的了解微信小程序。
下面的回答側重于微信小程序開(kāi)發(fā)的實(shí)際操作方法,肯定適合零基礎沒(méi)有開(kāi)發(fā)經(jīng)驗的人。
微信官方的文檔確實(shí)很重要,隨時(shí)都要用,但身為小編,先動(dòng)手、做起來(lái)、做出來(lái)更首要。沒(méi)有編程基礎,上來(lái)就以學(xué)文檔學(xué)代碼為主,太抽象太枯燥了,很容易把自己嚇跑的。
下面是小編我自己做微信小程序開(kāi)發(fā)的簡(jiǎn)要過(guò)程(包括制作、提交審核、發(fā)布、下載小程序碼等,總共有13步):
1. 小程序原型設計
開(kāi)發(fā)前,最好先做個(gè)原型,把自己的需求理順。我用的工具為Axure, 下載的是一個(gè)免費版,功能不全,但自己梳理想法足夠了。
2. 注冊一個(gè)開(kāi)發(fā)工具賬號
現在微信小程序開(kāi)發(fā)工具大多都是純線(xiàn)上版本,無(wú)需下載;并且,打開(kāi)注冊頁(yè)后一般都可以用微信掃碼即可完成注冊,非常簡(jiǎn)便。
需要補充說(shuō)明下:想開(kāi)發(fā)微信小程序,微信官方的開(kāi)發(fā)工具肯定是要用的,但是對于沒(méi)有編程基礎的人來(lái)說(shuō),這個(gè)官方工具只能做做最后的發(fā)布。最復雜的開(kāi)發(fā)制作環(huán)節,咱這種初級人員玩不轉。所以像我這樣的菜鳥(niǎo)群體,制作時(shí)得依靠市面上第三方工具。有很多,各有特色;當然,工具固然重要,但背后思路方法更為本質(zhì)。
3. 選擇模板
在模板市場(chǎng)中,選擇跟自己需求最為接近的模板,點(diǎn)擊“使用”,即可進(jìn)入開(kāi)發(fā)制作臺,開(kāi)始小程序的正式制作。開(kāi)發(fā)微信小程序,早期最好基于現成模板就行搭建,在使用過(guò)程中再逐步調整,在后期越來(lái)越熟悉后,就可以嘗試進(jìn)行深度個(gè)性化開(kāi)發(fā)。
4.對模板進(jìn)行修改、開(kāi)發(fā)
選好模板并“使用”后,在制作臺中央,模板以及模板的各個(gè)組成部分就會(huì )可視化的展現出來(lái)了。選中希望修改的模塊,在右側對基礎屬性、樣式和觸發(fā)條件(什么情況下該模塊開(kāi)始工作)等進(jìn)行設置。如果需要增加一些新功能模塊,可以在制作臺左側找到相應的模塊(星光科技稱(chēng)為組件),然后直接拖放到屏幕中央的小程序界面里,再回到右側做做樣式設置,就能完成一個(gè)基本模塊的開(kāi)發(fā)。
小程序的前端、后臺服務(wù),都可以參考上面的方法進(jìn)行開(kāi)發(fā)制作,具體可以進(jìn)入“高級”標簽頁(yè)詳細查看。
如果模塊拖拽的方式覺(jué)得不過(guò)癮,想更徹底的掌控小程序開(kāi)發(fā)細節,也可以切換到IDE模式:
星光科技的IDE模式,支持用javascript、html5和css語(yǔ)言對微信小程序進(jìn)行編程。因為代碼編寫(xiě)我暫時(shí)還不會(huì ),介紹不上來(lái),等過(guò)段時(shí)間學(xué)下這幾個(gè)語(yǔ)言,再補充點(diǎn)代碼操作的案例上來(lái)。
開(kāi)發(fā)制作操作完成后,將進(jìn)入配置、發(fā)布環(huán)節。
5. 注冊并配置微信小程序賬號信息
首次發(fā)布小程序,需要先進(jìn)行小程序注冊,獲得小程序賬號的appid和appsecret。
然后再回到所使用的開(kāi)發(fā)制作工具(星光科技)里完成小程序賬號信息配置。在星光科技制作臺導航欄上選"高級"——>再在屏幕左上方選“管理后臺”——>左側功能樹(shù)列表里選“微信配置”:
6. 為微信小程序獲取并配置上服務(wù)器域名
小程序正式發(fā)布前需要進(jìn)行服務(wù)器域名配置。有服務(wù)器域名微信小程序才能正常工作。
在星光科技制作臺的“發(fā)布”頁(yè)面中,單擊“第三步 導入微信開(kāi)發(fā)者工具”按鈕,顯示出發(fā)布版本的服務(wù)器域名:
為微信小程序獲取服務(wù)器域名信息
然后,在小程序官網(wǎng)登錄小程序賬號,單擊首頁(yè)中的“開(kāi)發(fā)頁(yè)面”按鈕,打開(kāi)開(kāi)發(fā)頁(yè)面,向下滾動(dòng),即可看到服務(wù)器域名的配置。注意服務(wù)器域名在一個(gè)月內只能修改5次。
登錄小程序賬號,配置服務(wù)器域名信息
7. 下載安裝微信開(kāi)發(fā)者工具
下載 · 微信官方的小程序開(kāi)發(fā)工具(即所謂的"微信開(kāi)發(fā)者工具")
8. 下載制作好的微信小程序包
點(diǎn)擊星光科技制作臺右上角的“發(fā)布”按鈕,進(jìn)入“發(fā)布”頁(yè)面,單擊頁(yè)面中的“第二步 下載小程序”按鈕,頁(yè)面中顯示“正在生成微信小程序,請稍等…”,使用瀏覽器的下載功能,下載步驟4中制作好的微信小程序包:
9. 在微信開(kāi)發(fā)者工具里創(chuàng )建一個(gè)新項目
打開(kāi)微信開(kāi)發(fā)者工具。在微信開(kāi)發(fā)者工具中新建一個(gè)項目,輸入小程序賬號的appid、項目名稱(chēng)、選擇項目目錄,為導入制作好的微信小程序包做準備:
10. 上傳微信小程序包到微信開(kāi)發(fā)者工具
在微信開(kāi)發(fā)者工具中,單擊“上傳”按鈕,上傳步驟8導出的小程序包。上傳后,因為還未審核,所以都叫"開(kāi)發(fā)版本"。
上傳后,登錄微信公眾平臺|小程序,在“開(kāi)發(fā)管理”中可以看到剛上傳的開(kāi)發(fā)版本。
11. 提交開(kāi)發(fā)版本進(jìn)行審核
將開(kāi)發(fā)版本提交審核,審核通過(guò)后,才能提交發(fā)布,提交審核的方法是:?jiǎn)螕簟伴_(kāi)發(fā)版本”右側的“提交審核”按鈕,打開(kāi)“提交審核相關(guān)須知”,按向導完成提交審核流程。
開(kāi)始進(jìn)入提交審核的向導
提交審核后,登錄微信公眾平臺|小程序,在"開(kāi)發(fā)管理"頁(yè)面中的審核版本中會(huì )顯示“審核中”。等待審核結果。
12. 正式發(fā)布微信小程序
審核通過(guò)后,審核版本中顯示“審核通過(guò),待發(fā)布”,單擊審核版本右側的“提交發(fā)布”按鈕,小程序將正式發(fā)布到線(xiàn)上提供服務(wù)。
13. 下載微信小程序碼
小程序提供了小程序碼,用于掃描后打開(kāi)小程序。登錄微信公眾平臺|小程序,在設置頁(yè)面中下載小程序碼,單擊“下載更多尺寸”按鈕,打開(kāi)更多尺寸對話(huà)框,提供多種顏色和尺寸的小程序碼用于下載。
再就題主的問(wèn)題補充說(shuō)一下:我剛開(kāi)始甚至連HTML5、CSS都沒(méi)聽(tīng)說(shuō)過(guò),更別說(shuō)js(javascript)了。后來(lái)在制作過(guò)程中,我并沒(méi)有滿(mǎn)足于拖拉放,而是一邊圖形化搭建著(zhù),一邊注意經(jīng)常切換到代碼狀態(tài)琢磨琢磨,現在雖然還不能自己獨立寫(xiě)代碼,但基本上能讀懂個(gè)大概了,還能做做簡(jiǎn)單代碼修改。
當然,微信小程序做的好不好,零基礎入門(mén)知識作為普通個(gè)體經(jīng)營(yíng)戶(hù)用是可以,作為企業(yè)型微信小程序建議還是更多的尋求專(zhuān)業(yè)開(kāi)發(fā)團隊來(lái)完成。一個(gè)重要原因是,專(zhuān)業(yè)的事情專(zhuān)業(yè)人士去干,作為小編我作為星光科技一員,希望有需求的同志可以聯(lián)系我們。

相關(guān)推薦

營(yíng)銷(xiāo)技術(shù)在中國的落地和進(jìn)化之路

星光科技,量身定制網(wǎng)絡(luò )營(yíng)銷(xiāo)策略與品牌提升解決方案

開(kāi)始新項目

星光科技-您身邊的互聯(lián)網(wǎng)全案一體化營(yíng)銷(xiāo)云服務(wù)商
星光科技地址/ADDRESS
溫州市龍灣區浙南云谷B-2層
溫州市鹿城區東龍路109-2層
星光科技電話(huà)/TEL
0577-88898268(工作日)
18057716530(7×24)
星光科技QQ咨詢(xún)
65663437 (售前)
438514921(售后)
星光科技郵箱/E-mail
wz666@wz666.com(業(yè)務(wù))
65663437@qq.com

星光科技
品牌網(wǎng)站建設 網(wǎng)站SEO優(yōu)化 APP+小程序 協(xié)同OA系統 阿里代運營(yíng) 品牌視覺(jué)設計

0577-88898268(工作日)

18057716530(7×24)

COPYRIGHT ? 2020    溫州市星光科技開(kāi)發(fā)有限公司    ALL RIGHTS RESERCED浙ICP備2020034384號-1  浙公網(wǎng)安備:2018065358

提交需求