新手入門:微信小程序--從入門到精通寶典

<ignore_js_op> 
做爲新手入門的寶典,咱們整理了本論壇各類有價值的內容,並按按部就班的方式呈現給你們。
你們能夠按順序一篇一篇的攻克本帖中的內容,也能夠做爲字典,跳轉相當注的內容去學習。
但願你們在這裏能快速成長,成爲微信小程序開發的頂尖高手。

本帖的內容結構以下:
一:小程序之張小龍全面闡述及思惟導圖;
二:微信小程序官方地址
三:如何學習微信小程序
四:新手入門系列教程集合
五:公司開發前必讀
六:我的開發前必讀


一:小程序之張小龍全面闡述及思惟導圖;

小程序之張小龍全面闡述:於1月9日上線(並附演講稿全文)
核心內容的思惟導圖以下圖:
<ignore_js_op> 
高清圖片下載附件: <ignore_js_op> 微信公開課.pdf (46.16 KB, 下載次數: 1, 售價: 10 財富值) 

二:微信小程序官方地址
   1:官方工具:點擊跳轉,微信小程序的開發工具下載,含Windows版,Mac版,及更新日誌。
   2:簡易教程:點擊跳轉,圖文教程,開發第一個HelloWorld程序,初步瞭解開發流程及項目中各個文件的用途。
   3:設計指南:
點擊跳轉;在這裏查看如何符合設計標準,僅供參考,非強制性;
   4:運營規範:
點擊跳轉;在這裏查看禁止事項;
   5:接入指南:
點擊跳轉,註冊,信息完善及開發前準備,開發者工具的使用,代碼審覈與發佈,申請認證;
   6:支付文檔:
點擊跳轉,開發步驟,業務流程,小程序調起支付API;
   7:客服消息:點擊跳轉調用客服消息接口發送客服消息,填寫消息推送配置,網頁版客服工具;
   8:特殊行業所需資質材料:點擊跳轉,特殊行業的文件材料等要求說明;
   9:數據分析:點擊跳轉,實時統計,訪問分析,自定義分析等;


三:如何學習微信小程序
多看官方文檔,多看幾遍,遇到問題時再看,沒有問題時繼續看;
一、首先要通讀一遍官方文檔,看看都有哪些東西,都能幹什麼;
二、對感興趣的部分,把例子摳出來放到IDE上面運行一下,運行沒問題就本身折騰折騰例子
三、本身寫個demo,遇到困難固然就來小程序聯盟啦,找找看有沒有相似的demo
四、天天進論壇看看有什麼新帖子
我以爲基礎知識必定要過關!!!
事件綁定 ajax請求 本地存儲之類 先搞清楚小程序以外是怎麼實現的
遇到問題 看文檔,看不懂第二遍,再不行 啥時候看懂再開始作
若是你在羣裏發問沒人理你,不是你們都解決不了就是你問的問題別人根本不想理
百度,谷歌 ,bing 別一直就放着,用起來
還有最重要的一點 不要眼高手低,人家的demo下載下來跑起來 而後看懂以後必定要本身嘗試寫一遍!

四:新手入門系列教程集合

手入門系列教程有7套,你們能夠選擇適合本身的內容學習。

微信小程序開發指南:
微信小程序開發指南(一):申請註冊與開發流程
微信小程序開發指南(二):注意點和經常使用快捷鍵
微信小程序開發指南(三):關於網絡請求
微信小程序開發指南(四):關於Tab分頁
微信小程序開發指南(五):關於輪播
微信小程序開發指南(六):關於列表上拉加載下拉刷新
微信小程序開發指南(七):關於地圖
微信小程序開發指南(八):關於頁面跳轉

其餘系列以下:
微信接入探祕--系列
微信小程序最實用的實例教程--系列
微信小程序實戰開發篇--系列
微信小程序開發詳解--系列
微信小程序Todo應用開發--系列
微信小程序三步入門教程--系列

更多系列教程,點擊進入


五:公司開發前必讀
根據觀察,不少公司由於不瞭解小程序,而致使盲目跟進而盲目開發,沒法有效利用小程序的特性,甚至白白浪費了開發週期;
事前準備:
微信小程序須要https請求,須要準備
1:備案的域名:因爲備案須要必定的時間,因此請事先準備
2:受承認的證書
https排查說明: 《六》https綜合解決方案,含request:fail錯誤及真機預覽問題
一個帳號只能發佈一個小程序,如需發佈多個,請申請多個

1:必須通讀運營規範;有須要禁止開發的事項須要瞭解;好比直播,遊戲,抽獎,排行榜等;      常見拒絕情形:https://mp.weixin.qq.com/debug/wxadoc/product/reject.html?t=201714
2:在微信下禁止的一些規則,在微信小程序中一樣不能涉及;好比誘導分享;
3:暫未開放的類目,沒法申請,詳情請在本站搜索「服務範圍」的文章查看最新服務類目
     推薦閱讀並收藏:踩坑指南《七十》如何讓微信小程序服務類目審覈經過
     1月7號更新圖:
<ignore_js_op> 
4:微信小程序的問答
1:小程序沒有入口,這和公衆號同樣。
2:小程序沒有官方商店
3:小程序不會有訂閱的關係
4:頗有限的通知能力,限制的很是嚴格
5:小程序不能分享到朋友圈,可是能夠分享到聊天和羣聊之中。
6:小程序不能作遊戲
7:用戶能搜索到小程序,但咱們會極力限制搜索能力,避免被濫用。
8:目前有提供的關聯是能夠在公衆號中看到該企業還有哪些小程序,反之亦然。
9:會輕量提醒用戶附近有哪些小程序存在,好比附近哪一家店提供小程序。

5:目前能看到的入口
線下掃碼 :用戶能夠在小程序中使用掃一掃。
對話分享 :用戶能夠分享小程序或其中的任何一個頁面給好友或羣聊。
消息通知 :商戶能夠發送模板消息給接受過服務的用戶,用戶能夠在小程序內聯繫客服,支持文字和圖片。
小程序切換 :用戶能夠在使用小程序的過程當中快速返回聊天。
歷史列表 :用戶使用過的小程序會被放入列表,方便下次使用。
公衆號關聯 :微信小程序可與公衆號進行關聯。
搜索查找 :用戶可直接根據名稱或品牌搜索小程序。

6:遇到沒法解決或難以理解的難題時,請在官方社區內進行反饋:https://developers.weixin.qq.com

7:你必須經過微信認證,纔可使用微信支付等功能:

     認證指引:https://mp.weixin.qq.com/debug/wxadoc/product/renzheng.html?t=201714

六:我的開發前必讀

我的開發和學習的同窗,最關心的是我的額能不能申請和發佈,目前的答案是:不能發佈,可是能夠開發;

1:我的申請Appid:http://bbs.html51.com/t-90-1-1/
     擁有Appid後,便可開始真機預覽;本方法僅用於測試和研究,沒法認證和審覈,請勿申請認證;

2:如何真機預覽:http://bbs.html51.com/t-130-1-1/

3:如何設置體驗者/開發者/體驗版本/:http://bbs.html51.com/t-124-1-1/

4:快捷鍵列表:
格式調整
Ctrl+S:保存文件(必須保存才能夠看到效果)
Ctrl+[, Ctrl+]:代碼行縮進
Ctrl+Shift+[, Ctrl+Shift+]:摺疊打開代碼塊
Ctrl+C Ctrl+V:複製粘貼,若是沒有選中任何文字則複製粘貼一行
Shift+Alt+F:代碼格式化
Alt+Up,Alt+Down:上下移動一行
Shift+Alt+Up,Shift+Alt+Down:向上向下複製一行
Ctrl+Shift+Enter:在當前行上方插入一行
Ctrl+Shift+F:全局搜索
光標相關
Ctrl+End:移動到文件結尾
Ctrl+Home:移動到文件開頭
Ctrl+i:選中當前行
Shift+End:選擇從光標到行尾
Shift+Home:選擇從行首到光標處
Ctrl+Shift+L:選中全部匹配
Ctrl+D:選中匹配
Ctrl+U:光標回退
界面相關
Ctrl + \:隱藏側邊欄
Ctrl + m: 打開或者隱藏模擬器

5:開發工具項目區簡介:

<ignore_js_op> 
配置信息:用於解決在後臺配置域名未生效的問題;預覽:真機預覽上傳:管理員上傳至後臺,設置體驗及審覈版本使用;開發環境不校驗:爲了讓開發環境中使用appid時,不合規則的域名也能夠正常使用(好比本地或IP地址及未配置的域名)壓縮代碼:爲了節約空間,小程序上限爲1M:參考: 如何給微信小程序瘦身?   刪除項目:刪除相應的項目

<ignore_js_op> 
代理:在這裏能夠設置代理,或取消代理;用於解決不少因代理而引起的問題;

<ignore_js_op> 

選擇無appid,便可在沒有appid狀況下進行開發,可是沒法預覽;
項目名稱:隨意填寫
項目目錄:1:若是你選擇了一個demo導入,請選擇app.json所在的根目錄文件夾,請勿選擇其上級文件夾,不然會報錯:找不到app.json;2:若是你想新建一個項目,請先在電腦內新建一個空文件夾,選擇空文件夾便可,假如你選擇的不是空文件夾,可能沒法看到新建quickstart項目;
 
快速生成項目目錄技巧:在app.json內輸入路徑後保存,便可生成相應路徑的完整文件目錄,防止因js或json文件爲空而引起的一系列報錯
 


6:後臺配置域名:後臺配置域名:經常使用API域名配置列表及wx.uploadFile說明
     必須配置域名後,纔可使用配置的域名,好比你須要請求XX地址的數據,必須在後臺設置了域名以後,才能夠真機請求數據;
     必須https的域名才能夠請求,若是出現https的問題,請查詢排查:《六》https綜合解決方案,含request:fail錯誤及真機預覽問題;     
相關文章
相關標籤/搜索