小程序終于正式浮上水面&＃xff0c;為了方便大家了解并入門微信小程序&＃xff0c;我將一些可能會需要的知識&＃xff0c;列在這里&＃xff0c;讓大家方便的從零開始學習。愛掏網 - it200.com
為了方便大家了解并入門微信小程序&＃xff0c;我將一些可能會需要的知識&＃xff0c;列在這里&＃xff0c;讓大家方便的從零開始學習&＃xff1b;
首先感謝幾位給予建議的同學&＃xff0c;包括&＃64;dzp &＃64;M-信念 &＃64;Somnus13 &＃xff0c;以下內容只是一部分&＃xff0c;但是夠用了&＃xff0c;可以先放出來給大家看看&＃xff1a;
一&＃xff1a;微信小程序的特點
張小龍&＃xff1a;張小龍全面闡述小程序&＃xff0c;推薦通讀此文&＃xff1b;
小程序是一種不需要下載、安裝即可使用的應用&＃xff0c;它出現了觸手可及的夢想&＃xff0c;用戶掃一掃或者搜一下即開打開應用&＃xff0c;也出現了用完即走的理念&＃xff0c;用戶不用關心安裝太多應用的問題&＃xff0c;應用隨處可用&＃xff0c;但又無須安裝卸載。愛掏網 - it200.com我當時是這樣來定義什么是小程序的。愛掏網 - it200.com
1&＃xff1a;無需下載&＃xff1a;我們直接使用它&＃xff0c;所以無須安裝是小程序最基礎的一個特性&＃xff1b;
2&＃xff1a;觸手可及&＃xff1a;當我們拿著智能手機接觸周邊的時候&＃xff0c;我們可以通過手機直接獲得信息&＃xff0c;就是周邊的信息&＃xff1b;
3&＃xff1a;用完即走&＃xff1a;對于周邊要完成的任務來說我們需要的是用完即走&＃xff1b;
4&＃xff1a;無須卸載&＃xff1a;小程序看起來是程序&＃xff0c;但是它以完全不同于過去APP的形狀出現&＃xff0c;它有更靈活的應用組織形態&＃xff1b;
二&＃xff1a;微信小程序官方地址
? ?1&＃xff1a;官方工具&＃xff1a;https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t&＃61;202414
? ?2&＃xff1a;簡易教程&＃xff1a;https://mp.weixin.qq.com/debug/wxadoc/dev/
? ?3&＃xff1a;設計指南&＃xff1a;https://mp.weixin.qq.com/debug/wxadoc/design/index.html&＃xff1b;在這里查看如何符合設計標準&＃xff0c;僅供參考&＃xff0c;非強制性&＃xff1b;
? ?4&＃xff1a;運營規范&＃xff1a;https://mp.weixin.qq.com/debug/wxadoc/product/index.html&＃xff1b;在這里查看禁止事項&＃xff1b;
? ?5&＃xff1a;接入指南&＃xff1a;https://mp.weixin.qq.com/debug/wxadoc/introduction/index.html
? ?6&＃xff1a;支付文檔&＃xff1a;https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter&＃61;7_3&index&＃61;1
? ?7&＃xff1a;客服消息&＃xff1a;https://mp.weixin.qq.com/debug/wxadoc/introduction/custom.html?t&＃61;20241221? ?8&＃xff1a;特殊行業所需資質材料&＃xff1a;https://mp.weixin.qq.com/debug/wxadoc/product/material.html?t&＃61;202414
? ?9&＃xff1a;數據分析&＃xff1a;https://mp.weixin.qq.com/debug/wxadoc/analysis/index.html?t&＃61;202414
三&＃xff1a;如何學習微信小程序
首先&＃xff0c;掃碼領取史上最全的小程序教程
多看官方文檔&＃xff0c;多看幾遍&＃xff0c;遇到問題時再看&＃xff0c;沒有問題時繼續看&＃xff1b;
&＃64;jsh5css &＃xff1a;
1、首先要通讀一遍官方文檔&＃xff0c;看看都有哪些東西&＃xff0c;都能干什么&＃xff1b;
2、對感興趣的部分&＃xff0c;把例子摳出來放到IDE上面運行一下&＃xff0c;運行沒問題就自己折騰折騰例子
3、自己寫個demo&＃xff0c;遇到困難當然就來小程序聯盟啦&＃xff0c;找找看有沒有類似的demo
4、每天進論壇看看有什么新帖子
&＃64;Somnus13 &＃xff1a;
我覺得基礎知識一定要過關&＃xff01;&＃xff01;&＃xff01;
事件綁定 ajax請求 本地存儲之類 先搞清楚小程序之外是怎么實現的
遇到問題 看文檔&＃xff0c;看不懂第二遍&＃xff0c;再不行 啥時候看懂再開始做
如果你在群里發問沒人理你&＃xff0c;不是大家都解決不了就是你問的問題別人根本不想理
百度&＃xff0c;谷歌 &＃xff0c;bing 別一直就放著&＃xff0c;用起來
還有最重要的一點 不要眼高手低&＃xff0c;人家的demo下載下來跑起來 然后看懂之后一定要自己嘗試寫一遍&＃xff01;
-------
正常思路啊 首先是靜態頁面數據展示??然后是頁面跳轉??然后就會考慮帶參數實現詳情頁面 然后。愛掏網 - it200.com。愛掏網 - it200.com。愛掏網 - it200.com
找一個熟悉的邏輯 開始模仿 然后就會一步步往前走了
&＃64;xiaoyedeng &＃xff1a;
多走彎路才能少走彎路
四&＃xff1a;公司開發前必讀
根據觀察&＃xff0c;很多公司因為不了解小程序&＃xff0c;而導致盲目跟進而盲目開發&＃xff0c;無法有效利用小程序的特性&＃xff0c;甚至白白浪費了開發周期&＃xff1b;
事前準備&＃xff1a;
微信小程序需要https請求&＃xff0c;需要準備
1&＃xff1a;備案的域名&＃xff1a;由于備案需要一定的時間&＃xff0c;所以請事先準備
2&＃xff1a;受認可的證書
https排查說明&＃xff1a;http://www.wxapp-union.com/forum.php?mod&＃61;viewthread&tid&＃61;648
1&＃xff1a;必須通讀運營規范&＃xff1b;有需要禁止開發的事項需要了解&＃xff1b;比如直播&＃xff0c;游戲&＃xff0c;抽獎&＃xff0c;排行榜等&＃xff1b;? ?? ?常見拒絕情形&＃xff1a;https://mp.weixin.qq.com/debug/wxadoc/product/reject.html?t&＃61;202414
2&＃xff1a;在微信下禁止的一些規則&＃xff0c;在微信小程序中同樣不能涉及&＃xff1b;比如誘導分享&＃xff1b;
3&＃xff1a;暫未開放的類目&＃xff0c;無法申請&＃xff0c;詳情請在本站搜索“服務范圍”的文章查看最新服務類目
推薦閱讀&＃xff1a;跳坑指南《七十》如何讓微信小程序服務類目審核通過。愛掏網 - it200.com
1月4號更新圖&＃xff1a;
4&＃xff1a;微信小程序的問答
1&＃xff1a;小程序沒有入口&＃xff0c;這和公眾號一樣。愛掏網 - it200.com
2&＃xff1a;小程序沒有官方商店
3&＃xff1a;小程序不會有訂閱的關系
4&＃xff1a;很有限的通知能力&＃xff0c;限制的非常嚴格
5&＃xff1a;小程序不能分享到朋友圈&＃xff0c;但是可以分享到聊天和群聊之中。愛掏網 - it200.com
6&＃xff1a;小程序不能做游戲
7&＃xff1a;用戶能搜索到小程序&＃xff0c;但我們會極力限制搜索能力&＃xff0c;避免被濫用。愛掏網 - it200.com
8&＃xff1a;目前有提供的關聯是可以在公眾號中看到該企業還有哪些小程序&＃xff0c;反之亦然。愛掏網 - it200.com
9&＃xff1a;會輕量提醒用戶附近有哪些小程序存在&＃xff0c;比如附近哪一家店提供小程序。愛掏網 - it200.com
5&＃xff1a;目前能看到的入口
線下掃碼 &＃xff1a;用戶可以在小程序中使用掃一掃。愛掏網 - it200.com
對話分享 &＃xff1a;用戶可以分享小程序或其中的任何一個頁面給好友或群聊。愛掏網 - it200.com
消息通知 &＃xff1a;商戶可以發送模板消息給接受過服務的用戶&＃xff0c;用戶可以在小程序內聯系客服&＃xff0c;支持文字和圖片。愛掏網 - it200.com
小程序切換 &＃xff1a;用戶可以在使用小程序的過程中快速返回聊天。愛掏網 - it200.com
歷史列表 &＃xff1a;用戶使用過的小程序會被放入列表&＃xff0c;方便下次使用。愛掏網 - it200.com
公眾號關聯 &＃xff1a;微信小程序可與公眾號進行關聯。愛掏網 - it200.com
搜索查找 &＃xff1a;用戶可直接根據名稱或品牌搜索小程序。愛掏網 - it200.com
6&＃xff1a;遇到無法解決或難以理解的難題時&＃xff0c;請在官方社區內進行反饋&＃xff1a;https://developers.weixin.qq.com
7&＃xff1a;你必須通過微信認證&＃xff0c;才可以使用微信支付等功能&＃xff1a;認證指引&＃xff1a;https://mp.weixin.qq.com/debug/wxadoc/product/renzheng.html?t&＃61;202414
五&＃xff1a;個人開發前必讀
個人開發和學習的同學&＃xff0c;最關心的是個人額能不能申請和發布&＃xff0c;目前的答案是&＃xff1a;不能發布&＃xff0c;但是可以開發&＃xff1b;
1&＃xff1a;申請Appid&＃xff1a;http://www.wxapp-union.com/forum.php?mod&＃61;viewthread&tid&＃61;495&＃xff1b;
? ???擁有appid后&＃xff0c;即可開始真機預覽&＃xff1b;本方法僅用于測試和研究&＃xff0c;無法認證和審核&＃xff0c;請勿申請認證&＃xff1b;
2&＃xff1a;如何真機預覽&＃xff1a;http://www.wxapp-union.com/forum.php?mod&＃61;viewthread&tid&＃61;1812
3&＃xff1a;如何設置體驗者/開發者/體驗版本/&＃xff1a;http://www.wxapp-union.com/forum.php?mod&＃61;viewthread&tid&＃61;1248
4&＃xff1a;快捷鍵列表&＃xff1a;
格式調整光標相關
Ctrl&＃43;S&＃xff1a;保存文件&＃xff08;必須保存才可以看到效果&＃xff09;
Ctrl&＃43;[&＃xff0c; Ctrl&＃43;]&＃xff1a;代碼行縮進
Ctrl&＃43;Shift&＃43;[&＃xff0c; Ctrl&＃43;Shift&＃43;]&＃xff1a;折疊打開代碼塊
Ctrl&＃43;C Ctrl&＃43;V&＃xff1a;復制粘貼&＃xff0c;如果沒有選中任何文字則復制粘貼一行
Shift&＃43;Alt&＃43;F&＃xff1a;代碼格式化
Alt&＃43;Up&＃xff0c;Alt&＃43;Down&＃xff1a;上下移動一行
Shift&＃43;Alt&＃43;Up&＃xff0c;Shift&＃43;Alt&＃43;Down&＃xff1a;向上向下復制一行
Ctrl&＃43;Shift&＃43;Enter&＃xff1a;在當前行上方插入一行
Ctrl&＃43;Shift&＃43;F&＃xff1a;全局搜索
界面相關
Ctrl&＃43;End&＃xff1a;移動到文件結尾
Ctrl&＃43;Home&＃xff1a;移動到文件開頭
Ctrl&＃43;i&＃xff1a;選中當前行
Shift&＃43;End&＃xff1a;選擇從光標到行尾
Shift&＃43;Home&＃xff1a;選擇從行首到光標處
Ctrl&＃43;Shift&＃43;L&＃xff1a;選中所有匹配
Ctrl&＃43;D&＃xff1a;選中匹配
Ctrl&＃43;U&＃xff1a;光標回退
Ctrl &＃43; \\&＃xff1a;隱藏側邊欄
Ctrl &＃43; m: 打開或者隱藏模擬器
5&＃xff1a;開發工具項目區簡介&＃xff1a;
配置信息&＃xff1a;用于解決在后臺配置域名未生效的問題&＃xff1b;
預覽&＃xff1a;真機預覽
上傳&＃xff1a;管理員上傳至后臺&＃xff0c;設置體驗及審核版本使用&＃xff1b;
開發環境不校驗&＃xff1a;為了讓開發環境中使用appid時&＃xff0c;不合規則的域名也可以正常使用&＃xff08;比如本地或IP地址及未配置的域名&＃xff09;
壓縮代碼&＃xff1a;為了節約空間&＃xff0c;小程序上限為1M&＃xff1a;參考&＃xff1a;http://www.wxapp-union.com/portal.php?mod&＃61;view&aid&＃61;934
刪除項目&＃xff1a;刪除相應的項目
代理&＃xff1a;在這里可以設置代理&＃xff0c;或取消代理&＃xff1b;用于解決很多因代理而引發的問題&＃xff1b;
選擇無appid&＃xff0c;即可在沒有appid情況下進行開發&＃xff0c;但是無法預覽&＃xff1b;
項目名稱&＃xff1a;隨意填寫
項目目錄&＃xff1a;1&＃xff1a;如果你選擇了一個demo導入&＃xff0c;請選擇app.json所在的根目錄文件夾&＃xff0c;請勿選擇其上級文件夾&＃xff0c;否則會報錯&＃xff1a;找不到app.json&＃xff1b;2&＃xff1a;如果你想新建一個項目&＃xff0c;請先在電腦內新建一個空文件夾&＃xff0c;選擇空文件夾即可&＃xff0c;假如你選擇的不是空文件夾&＃xff0c;可能無法看到新建quickstart項目&＃xff1b;
快速生成項目目錄技巧&＃xff1a;在app.json內輸入路徑后保存&＃xff0c;即可生成相應路徑的完整文件目錄&＃xff0c;防止因js或json文件為空而引發的一系列報錯
6&＃xff1a;后臺配置域名&＃xff1a;http://www.wxapp-union.com/forum.php?mod&＃61;viewthread&tid&＃61;803&＃xff1b;
必須配置域名后&＃xff0c;才可以使用配置的域名&＃xff0c;比如你需要請求XX地址的數據&＃xff0c;必須在后臺設置了域名之后&＃xff0c;才可以真機請求數據&＃xff1b;
必須https的域名才可以請求&＃xff0c;如果出現https的問題&＃xff0c;請查詢排查&＃xff1a;http://www.wxapp-union.com/forum.php?mod&＃61;viewthread&tid&＃61;648&＃xff1b;?
六&＃xff1a;新手學習可選系列&＃xff1a;任選其一即可&＃xff1b;
特別提示&＃xff1a;微信小程序開發者工具版本及推出日期&＃xff1a;
介紹目的&＃xff1a;據此日期&＃xff0c;可以避免自己受到老教程的誤導&＃xff0c;請優先閱讀/使用新日期的教程/demo&＃xff1b;在教程中遇到困惑時&＃xff0c;請對比官方教程&＃xff0c;假如無法解決&＃xff0c;請請教熟悉的同學或發帖求助&＃xff1b;
1014版本&＃xff1a;10月14日推出&＃xff1a;
1028版本&＃xff1a;10月28日推出&＃xff1a;
1123版本&＃xff1a;11月23日推出&＃xff1a;
1221版本&＃xff1a;12月21日推出&＃xff1a;
1230測試版本&＃xff1a;12月30日推出&＃xff1a;
12304版本&＃xff1a;1月4日推出
以下系列僅供參考&＃xff0c;有效期僅限于2024年1月期間&＃xff0c;你可以在新手入門教程內看到更多&＃xff1a;http://www.wxapp-union.com/portal.php?mod&＃61;list&catid&＃61;7
開發詳解系列&＃xff1a;
《一》開發準備&＃xff0c;開發工具使用簡介&＃xff0c;工程目錄結構 ...
《二》開發組件使用初步&＃xff0c;配置
《三》APP生命周期
《四》頁面生命周期和參數傳遞
《五》布局基礎
程序員實戰系列&＃xff1a;
程序員開發實戰系列《一》注冊、預覽小程序
程序員開發實戰系列《二》微信小程序架構篇
程序員開發實戰系列《三》App()和Page()
程序員開發實戰系列《四》視圖層WXML綁定數據、模板、邏輯
程序員開發實戰系列《五》視圖層WXML&＃xff1a;事件
學習記錄系列&＃xff1a;
微信小程序學習記錄《一》&＃xff1a;目錄結構介紹&＃xff0c;開發工具菜單介紹
微信小程序學習記錄《二》&＃xff1a;系統配置app.json&＃xff0c;程序和頁面注冊.js
微信小程序學習記錄《三》&＃xff1a;視圖容器
現學現賣系列
現學現賣微信小程序開發&＃xff08;二&＃xff09;
現學現賣微信小程序開發&＃xff08;一&＃xff09;開始
至此&＃xff0c;你應該會修改一些基本的屬性了&＃xff0c;剩下的開始遇到問題&＃xff0c;開始跳坑&＃xff1a;以下是最新的坑十個&＃xff1a;
跳坑《七十二》編譯.wxm文件錯誤&＃xff0c;使用coolsite360報內部錯誤
跳坑指南《七十一》微信小程序真機預覽跟本地不同的問題
跳坑指南《七十》如何讓微信小程序服務類目審核通過
跳坑六十九&＃xff1a;uploadFile:fail Error: unable to verify the first certificate
跳坑《六十八》Cannot read property &＃39;webviewId&＃39; of undefined
新手跳坑指南《六十七》字體文件無法找到報404錯誤
新手跳坑指南《六十六》&＃xff1a;路徑path坑&＃xff1b;相對路徑與絕對路徑
跳坑《六十四》出現腳本錯誤或未正確調用Page&＃xff08;&＃xff09;
跳坑指南《六十四》小程序的登錄號注冊騰訊云問題
新手跳坑指南《六十三》wx.navigateTo 和 wx.redirectTo跳轉報錯
你可以在這里看到整個跳坑系列&＃xff1a;http://www.wxapp-union.com/forum.php?mod&＃61;forumdisplay&fid&＃61;2&filter&＃61;typeid&typeid&＃61;3
七&＃xff1a;如何解決學習過程中的問題
1&＃xff1a;看文檔&＃xff0c;尤其是版本更新后&＃xff0c;可能文檔已經更新&＃xff0c;附上了你問題的說明&＃xff1b;
2&＃xff1a;群內問&＃xff0c;群是一個比較好的途徑&＃xff0c;但是只能解決較為簡單的問題&＃xff1b;
3&＃xff1a;論壇搜索&＃xff1b;你可以在本站或官方社區內搜索相應的關鍵詞&＃xff0c;來查看是否有解決方案&＃xff1b;你可以在這里查看搜索方法&＃xff1a;http://www.wxapp-union.com/forum.php?mod&＃61;viewthread&tid&＃61;1824
4&＃xff1a;發帖詢問&＃xff0c;在綜合交流區內發帖詢問&＃xff0c;并&＃64;幾個大神&＃xff1b;
5&＃xff1a;常見錯誤及基本排除方法
1&＃xff1a;ES6&＃xff1b;使用es6可能導致安卓端真機調試時很多問題出現&＃xff0c;還有其他未知問題&＃xff1b;原因未知&＃xff1b;
2&＃xff1a;字母拼錯&＃xff0c;包括字母拼寫錯誤&＃xff0c;大小寫沒有注意&＃xff1b;微信小程序中&＃xff0c;有大量這樣的代碼示例&＃xff0c;從中間冒出一個大寫&＃xff0c;比如支付中的appId
3&＃xff1a;官方文檔示例代碼有誤&＃xff0c;有時官方文檔示例代碼也會出現問題&＃xff0c;比如大小寫出錯&＃xff0c;或者其他缺少參數等問題&＃xff1b;
4&＃xff1a;https&＃xff0c;這個坑目前遇到的人最多&＃xff0c;首先說明一下&＃xff0c;工具的這個設置&＃xff0c;
?
這個設置有一些獨特的作用&＃xff0c;讓你可以讓本地避開一些限制&＃xff1b;但是這個設置對真機無效&＃xff0c;所以假如存在https問題&＃xff0c;是否勾選并影響&＃xff1b;仍然需要按貼排查&＃xff1a;http://www.wxapp-union.com/forum.php?mod&＃61;viewthread&tid&＃61;648
5&＃xff1a;重啟/重裝工具大法&＃xff1a;有時候編輯器會出現一些莫名其妙的BUG&＃xff0c;比如昨天還是好的&＃xff0c;今天打開各種問題等等&＃xff0c;可以考慮重新編譯或多次重啟工具或重啟電腦&＃xff1b;
6&＃xff1a;前人經驗&＃xff1a;有很多人遇到了很多問題&＃xff0c;你可以在版塊的問答分類下看看其他人遇到的問題及如此解決的&＃xff1b;http://www.wxapp-union.com/forum.php?mod&＃61;forumdisplay&fid&＃61;2&page&＃61;2&filter&＃61;author&orderby&＃61;dateline&typeid&＃61;16
7&＃xff1a;無法登陸&＃xff1a;參考&＃64;M-信念?同學的建議&＃xff1a;可以稍微等等&＃xff1b;當出現帳號登陸問題時&＃xff0c;可以嘗試使用他人微信號&＃xff0c;或是咨詢其他人是否也遇到了相同的情況&＃xff0c;不要著急&＃xff1b;
8&＃xff1a;代理設置&＃xff1b;代理設置應該是一個隱藏比較深的坑&＃xff0c;但是很多人被坑過&＃xff0c;假如你的機器設置了代理&＃xff0c;開發者工具可能會也跟著默認帶來代理&＃xff0c;然后會接踵而來很多登陸&＃xff0c;空白等問題&＃xff1b;
9&＃xff1a;使用搜索&＃xff1b;現在本站聚合了大量的微信小程序相關內容&＃xff0c;可以考慮使用本站的搜索&＃xff0c;來獲取自己想找的東西或用于解決問題&＃xff0c;搜索時&＃xff0c;請使用主要關鍵詞&＃xff0c;或相近關鍵詞進行搜索&＃xff0c;而不要直接搜索一句話&＃xff0c;比如你需要appid&＃xff0c;你可以搜索“appid”&＃xff0c;你遇到了登陸問題&＃xff0c;應該搜索“登陸”&＃xff0c;真機預覽遇到了問題&＃xff0c;可以搜索“真機”&＃xff0c;遇到了上傳問題&＃xff0c;可以搜索“uploadfile”
10&＃xff1a;微信版本問題&＃xff0c;伴隨微信的版本更新&＃xff0c;不同的微信版本之間可能會出現不同的未知BUG&＃xff1b;你可以在這里查看最新微信版本&＃xff1a;weixin.qq.com
查詢官方問答&＃xff1a;最新的官方問答系列&＃xff1a;
官方問答精選《十三》異步改變dada的值&＃xff0c;給對象動態賦值
官方問答精選《十二》wx.checkSession&＃xff0c;服務號和小程序用戶...
官方問答精選《十一》后臺服務器配置https&＃xff0c;獲取canvas的尺寸
官方問答精選《十》打通微信賬號和系統用戶賬號&＃xff0c;SVG支持
官方問答精選《九》js如何獲取當前組件的寬高&＃xff0c;wx.openDocument
官方問答精選《八》wx.showToast()無效&＃xff0c;分享功能真機沒有效果
官方問答精選《七》體驗者安卓卡在加載頁面進不去
官方問答精選《六》this.setData&＃xff0c;動態改變navigationBarTitleText值
官方問答精選《五》圖片讀取失敗&＃xff0c;picker-view 初始值設置...
官方問答精選《四》分享連接傳入的參數&＃xff0c;用戶數據解密...
官方問答精選《三》版本更新特別版&＃xff1a;編譯顯示自定義預覽
官方問答精選《二》Linux版&＃xff0c;UnionId&＃xff0c;蘋果手機組件參數問題
官方問答精選系列《一》提交審核時提供測試賬密碼
作者&＃xff1a;天下雪
鏈接&＃xff1a;hhttp://www.wxapp-union.com/portal.php?mod&＃61;view&aid&＃61;1011
來源&＃xff1a;51CTO
