2021-02-15 分類: 小程序開發
首次開發小程序,一頭霧水?這里就做一個引導把,讓你快速入手小程序!
一、磨刀不誤砍柴工
正式接觸小程序前,一定要在各大網站多學習學習相關的知識,提前做好知識儲蓄準備。
二、快速進入開發模式
所用到的文檔當然不需要一點點看,畢竟我們沒有那么多時間去看,就算看完,根據記憶曲線也忘得差不多了。所以,步驟如下:
如果js一點都不懂,就看看js基礎語法,如果懂的話,就不需要看了。
官方文檔,大概瀏覽一下就行,知道小程序的框架,有哪些聲明周期,哪些基礎組件和api,以及那些術語,如自定義組件是什么就行。其他的詳細的,看設計稿的時候,知道圖片用image,然后再去看詳情。總之,詳細的怎么用組件,怎么下載文件等,用到什么再去看什么的文檔詳情。
切記下載小程序組件示例源碼,可以幫助你理解,哪個看不懂文檔,就去看demo代碼,例如組件啦,你用的時候,按照文檔,出錯了,就比較下官方示例。不過官方的css不太規范,小程序的rpx,官方demo我下載的版本,目前是px。
官方示例代碼運行后首頁截圖
css掌握基礎的,flex的用法要會,其他的遇到不會的設計再去查。
可以去網上下載一個分享的小程序完整項目,更加直觀的了解小程序框架。
三、開始開發
新建小程序時,一定要用空文件夾。也就是當前文件夾下沒有其他東西。
接口的基礎搭建,可以參考https://www.jianshu.com/p/57457eea0d05 ,看之前,要先學一下js的Promise用法
如果wxml用不到,就不要放在page的data里, 而是在外邊聲明,當然,小程序開發工具的Audits可以對小程序的性能進行意見提示,當然,結果只是參考。
測試環境或者此時還沒有上傳合格域名,則將不校驗合法域名這個選項打開。
如果要上傳合法域名,則在微信公眾平臺->開發設置里進行設置,凡是上傳到這里的域名,就不需要勾不校驗合法域名這個選項了。[ps:服務器域名需經過ICP備案,并且只支持 HTTPS,業務域名需要在相應域名根目錄放置校驗文件,所以不是所有的網址你都可以添加為合法域名的哦。
四、開發與調試
開發工具支持真機調試和模擬器進行開發版小程序的調試,調試內嵌WEBVIEW的話,只要雙擊webview,webview的左上角區域會出現一個調試按鈕,點擊即可。
對于體驗版小程序,調試的話,可以點擊右上角三個點的圖標,然后選擇開發調試,打開調試,重啟后就可以看到右下角的vConsole懸浮按鈕,點擊即可,可以查看log和wxml,但是不能查看網絡請求,希望以后改進吧
發布的話,在開發工具中點擊上傳,之后打開公眾平臺的小程序的管理后臺,選擇“版本管理”,就可以發布體驗版或者提交審核正式進行發布了。
五、代開發小程序
只有你們是代開發小程序,才需要用!什么是代開發小程序?就是一個模板小程序可以生成多個其他小程序。
代開發的小程序業務域名,則需要保證微信開放平臺的第三方平臺選項下,小程序業務域名和代開發的小程序業務域名保持一致
模板小程序的發布不太一樣,在開發工具中點擊上傳后會上傳到草稿箱模板,在微信開放平臺通過通知,點擊通知列表的任意通知,進入公眾號第三方平臺詳情頁,進入頁面后在底部可以看到草稿箱,將選擇的模板加入模板庫。模板庫最多50個,要及時清理不需要的模板,之后就是調用接口請求對代開發的小程序發版啦!
六、手機查看基礎數據和性能分析
除了web,手機也支持查看用戶數量等哦。首先,搜索“小程序助手”就可以啦,選擇你要看的小程序,選擇數據分析的基礎數據,就可以看到訪問人數等數據啦。
分享名稱:小程序開發零基礎引導
文章網址:http://vcdvsql.cn/news23/101123.html
網站建設、網絡推廣公司-創新互聯,是專注品牌與效果的網站制作,網絡營銷seo公司;服務項目有小程序開發等
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯
猜你還喜歡下面的內容