1. 程式人生 > >新手入門寶典:從零開始做微信小程式開發

新手入門寶典:從零開始做微信小程式開發


  • 微信小程式聯盟出品.jpg
    開發前必讀簡要

    基於大量無效開發,無法上線的案例,所以開發前部分知識十分重要;| 連結

    微信小程式個人註冊簡單步驟

    開啟mp.weixin.qq.com,點選右上角立即註冊,進入小程式註冊| 連結

    微信開發者工具【專案】詳解

    為什麼我的小程式通過稽核,但是搜尋不到呢?原因是必須在後臺內點擊發布,才會釋出;| 連結

    小程式開發上線(釋出)步驟

    這篇帖子將簡單的介紹基本的步驟,以便新手們建立一個基本的印象;| 連結

    微信小程式新手入門寶典

    為了方便大家瞭解併入門微信小程式,我將一些可能會需要的知識,列在這裡; | 連結

    微信小程式從註冊到上線專輯

    為了同學們瞭解註冊及上線的整個流程,所以我專門製作了這個從註冊到上線的整個流程 | 連結

    安卓或ios開發者學習小程式指南

    我發現很多安卓或是ios開發者,學習了小程式的開發,並且很順利。 | 連結

    WXSS/CSS相關知識說明

    為了更適合開發微信小程式,WXSS對 CSS 進行了擴充以及修改。| 連結

    使用官方WEUI-WXSS相關知識

    使用官方 UI 簡化設計開發流程,如果你的專案對 UI 定製要求不是很高的話。| 連結

    一鍵新增小程式所有檔案jswxmlwxssjson

    可以“一鍵”新建小程式4個常用檔案,不用一個一個的去建,方便多了!| 連結

    常用api域名配置列表及免費API集合

    免費API大全以及後臺配置域名的方法| 連結

    常用快捷鍵總結 (mac系統/win系統)

    1: opt + shift + f : 程式碼格式化2: cmd + [, cmd+ ]程式碼行縮排。。。| 連結

    讓他人體驗自己的小程式

    怎麼讓別人體驗自己的小程式啊,我認為這個將是很多朋友即將遇到的問題| 連結

    官方社群使用指南

    為了讓大家解決問題更有效率,官方社群是必不可缺的。| 連結

    官方FAQ合集,開發者工具更新日誌合集

    本帖,每週伴隨官方FAQ更新而更新;歷史更新日誌伴隨版本更新而更新 一樓為:FAQ及官| 連結

    如何讓微信小程式更容易稽核通過

    微信小程式稽核不通過,有很多原因,其中最明顯的一點就是:服務類目問題;| 

    連結

    稽核提供測試賬號

    自有賬號體系 提交稽核怎麼提供測試賬號| 連結

    關於如何將大神demo應用於自己專案

    把大神們造輪子的邏輯應用於我們專案的相應元件上,這就是基本思路,有思路才能優雅 | 連結

    使用本地伺服器進行除錯

    怎麼請求本地網路啊 IP形式的網路?怎麼訪問本地架設的伺服器?| 連結

    開發者工具無法登入賬號

    最近開始頻發無法登入賬號的問題,諸如request https 404報錯 登入態失效等 | 連結

    小程式敏感詞彙過濾問題

    使用者需要發表內容的小程式,需要設定關鍵詞過濾,遮蔽掉政策不允許的內容:| 連結

    公眾號關聯微信小程式簡單方法

    很多人可能會問,公眾號如何新增微信小程式呢?步驟很簡單: 1:https://mp.weixin.q |連結

    公眾號關聯小程式相關知識

    很多跟小程式之間的運用,讓線上紅利開始發酵| 連結

    小程式使用python後端說明

    在開發實戰指南專題中,似乎唯獨沒有python相關知識的說明。。。 | 連結

    使用PHP/thinkphp後端問題

    後端部分跟小程式的前端部分是分離的 | 連結

    使用java後端問題說明

    請求資料方面沒有區別,只需要提供json格式的資料介面即可;但是因為小程式方面對其他| 連結

    使用go語言(golang)作為小程式後端說明

    微信小程式後端用通用的Rest技術都可以實現,不只常見的這些技術和golang可以,其實用| 連結

    使用nodeJS作為小程式後端

    node用的人很多啊。。稍微聚集一下相關的知識| 連結

    使用Express後端框架

    Express 基於Node.js 平臺,快速、開放、極簡的 web 開發框架。 | 連結

    使用bmob後端雲相關說明

    BMOB後端雲因其簡單易用在小程式圈內廣受開發者好評,推薦使用! 本帖將不斷更新; | 連結

    使用C#解密使用者資訊

    由於官方沒有提供C#的解密demo,所以大家只能八仙過海各顯神通了。。。 | 連結

    使用leancloud後端雲說明

    感謝leancloud官方給予的部分資料及說明; | 連結

    使用第三方SDK及服務及擴充套件庫及框架

    目前已經為小程式開發了SDK及可以輔助開發的庫或框架或SDK| 連結

    wepy元件化框架使用說明

    元件化開發框架| 連結

    使用第三方庫(第三方js)

    小程式怎樣引用第三方js呢?第三方js是封裝好的類庫 想引用進來例項化使用| 連結

    使用第三方編輯器(IDE

    開發小程式,並非一定要使用官方的編輯器,你也可以任意選擇自己喜歡的編輯器;| 連結

    模組化、元件化及封裝

    開發過程中要學會不斷的重構程式碼,儘量提高程式碼的可重用性,儘量不要複製相同的程式碼。| 連結

    引數傳遞,跨頁面傳值或通訊相關知識

    這個東西,是開發小程式必備神器,越深入瞭解,越可以有效的幫助自己| 連結

    圖表類:折線圖,柱狀圖,K線,分時圖

    各類圖表功能,小程式自帶API並沒有提供,所以很多人就用了其他方法來實現。| 連結

    模版template使用,import及include

    template是小程式中的一個重要應用;WXML 提供兩種檔案引用方式import和include。 |連結

    富文字解析:將html轉為為wxml

    富文字解析是一個困擾無數人的問題,目前網上的解決方案已經比較多了 | 連結

    自定義字型/自定義圖示相關

    自定義圖示及自定義字型,一直是很多小程式開發者的心病| 連結

    微信小程式真機預覽跟本地不同的問題

    本地可以看到資料,開啟除錯也可以看到資料,關閉除錯則看不到資料;或是開發版可以看| 連結

    常見錯誤及基本排除方法

    也接觸了不少人解決問題的過程裡,有一些比較難以排查的可能性列舉在這 | 連結

    ios蘋果真機相關問題

    此問題只在ios上出現,而安卓沒有問題;或是這個問題同時在安卓和ios上出現;| 連結

    Android安卓真機相關問題

    本帖特別針對以下兩個情況:情況一:此問題只在安卓上出現,而ios沒有問題;| 連結

    Javascript 標準庫相容性及ES6支援度說明

    iOS、Android 和 開發者工具。三端的指令碼執行及用於渲染非原生元件的環境是各不相同的| 連結

    ssl證書相關問題

    errMsg: "request: fail ssl hand shake error"等錯誤及免費證書申請地址| 連結

    小程式1024K限制及程式碼壓縮相關

    為了提升小程式體驗流暢度,編譯後的程式碼包大小需小於 1MB ,大於 1MB 的程式碼包將上傳| 連結

    微信小程式支付(微信支付簽名錯誤

    發起支付時的簽名需要有appId(不是appid,大小寫)| 連結

    微信支付(微信小程式支付)

    小程式僅支援微信支付;而微信支付需要認證後才可以使用,需要花費300元認證費用;| 連結

    微信登入問題

    有個登入功能,為什麼小程式在別的手機上無法登入?| 連結

    Session、session_key及checkSession

    checkSession 就是用來檢測 session_key 是否過期| 連結

    使用者未授權獲取登入資訊的替代方法

    使用者如果拒絕授權,需要10分鐘等待後才可以再次申請授權;| 連結

    授權獲取使用者資訊的彈窗

    授權獲取使用者資訊視窗在開發工具可以多次提示,在手機上測試的時候只彈出一次,這是正| 連結

    openid與unionid

    微信登入必備| 連結

    解密獲取unionid問題

    unionid,需要 先在微信開放平臺內繫結小程式;open.weixin.qq.com,方可解密出unioni|連結

    帶引數二維碼,返回資料儲存為圖片

    php,java,node,C#等儲存為圖片的方法| 連結

    帶引數二維碼相關知識

    生成的數量有限制,總共只有10萬個;另外,掃碼訪問次數沒有限制。| 連結

    MD5加密使用說明

    聚集一下md5加密在小程式中的使用相關的內容: | 連結

    頁面路徑五層限制

    官方規定頁面路徑只能是五層,請儘量避免多層級的互動方式。| 連結

    併發數及連線數限制及promise/async/await

    request 的最大併發數是 5;upload/download最大併發限制是 5 個| 連結

    wx.downloadFile問題

    downloadFile,需要在小程式公眾後臺配置相應的downloadFile域名,否則會無法正常使用| 連結

    wx.uploadFile(上傳檔案)相關問題

    特別提示一:upload必須在小程式公眾後臺配置上傳域名,才可以在真機使用。| 連結

    圖片上傳問題

    域名檢測全部是正確的,並且後臺也配置了域名,但是安卓就是無法上傳圖片:| 連結

    wx.openDocument開啟檔案

    新開頁面開啟文件,支援格式:doc, xls, ppt, pdf, docx, xlsx, pptx| 連結

    wx.saveFile檔案儲存API

    檔案儲存API是很多人懵逼的。。。| 連結

    模板訊息相關問題說明

    當用戶在小程式內完成過支付行為,可允許開發者向用戶在7天內推送有限條數的模板訊息| 連結

    客服訊息相關(客服按鈕修改

    客服按鈕能自己定義嗎?可以的| 連結

    swiper輪播圖元件

    1:如何上下滾動;2:如何點選;3:如何自定義指示點| 連結

    button按鈕元件使用

    button用來配合form或者單獨點選| 連結

    分享相關 知識onShareAppMessage

    只有定義了此事件處理函式,右上角選單才會顯示“分享”按鈕| 連結

    image圖片元件使用

    background-image:可以使用網路圖片,或者 base64,或者使用標籤| 連結

    模態彈窗wx.showModal及遮罩層

    帶有輸入框的彈窗| 連結

    微信小程式快取API相關知識

    關於資料快取,怎麼能獲取到本地快取使用了多少,還剩多少| 連結

    map元件,地圖使用相關問題

    包括百度地圖,騰訊地圖,高德地圖api及各種地圖相關demo| 連結

    WebSocket相關問題說明

    請保證wss域名符合https的要求;比如備案,不得帶有埠等;| 連結

    MAP地圖markers使用問題

    本帖將專門整理markers相關的一些知識和討論 | 連結

    MAP地圖controls控制元件使用指南

    地圖控制元件| 連結

    canvas相關問題說明

    canvas、textarea、video層級最高的變通方法| 連結

    音訊相關問題:播放,錄音等相關

    包括語音識別類demo及教程| 連結

    錄音檔案格式為silk(silk轉mp3)

    暫不支援模擬錄音,手機上錄音目前是silk格式。如何轉為mp3困住了不少人| 連結

    語音搜尋及語音識別相關

    這屬於小程式框架體系之外的功能,可以將語言傳給第三方伺服器進行識別| 連結

    progress進度條及slider

    湊合看吧,比如自定義圓形進度條。。。| 連結

    radio單選(單項選擇器

    文章及demo可能並非是radio的使用說明,而是實現了自定義了單選等;| 連結

    switch開關選擇器使用

    自定義switch方法說明| 連結

    元件系列:scroll-view

    實現滑動及錨點功能| 連結

    元件系列:textarea

    textarea可能出現的問題五花八門,請做好心理準備| 連結

    input元件

    坑點較多。。。| 連結

    重力感應及羅盤API

    開始搞搖一搖了。。。| 連結

    計時器/倒計時相關

    倒計時,計時器等元件使用說明| 連結

    視訊播放相關(video元件)

    video標籤認寬度300px、高度225px,設定寬高需要通過wxss設定width和height。| 連結

    text元件,文字換行及空格

    總結一下text元件,以及文字換行,文字溢位及空格,複製問題;| 連結

    animation動畫相關問題

    本帖主要是針對animation的使用相關的教程及問題說明| 連結

    toast吐司元件問題說明(自定義toast)

    包括自定義toast等問題說明| 連結

    picker及picker-view組

    用途廣泛的聯動選擇器,目前已經比較實用了;| 連結

    tabbar相關問題說明

    包括tabbar不顯示,自定義tabbar等問題的說明| 連結

    微信小程式測試特輯

    使用指令碼編輯工具對微信小程式進行自動化測試| 連結

    手機註冊使用簡訊驗證碼

    這個需要你後臺寫一個介面,點選按鈕就把手機號碼傳過去,然後再後臺進行發簡訊操作和| 連結

    使用模擬資料mock.js

    微信小程式使用mock.js提供模擬資料| 連結

    使用普通二維碼開啟小程式

    相容線下已有的二維碼,微信公眾平臺開放掃描普通連結二維碼跳轉小程式能力。| 連結

    第三方代開發平臺使用說明

    第三方平臺新增小程式授權託管。小程式管理員將小程式授權給第三方平臺後| 連結

    小程式中使用emoji表情相關

    mysql預設是3位元組,而emoji表情是4位元組| 連結

    三軸加速度計使用及除錯

    感應手機的重力、位置與加速運動的| 連結

    設定API:wx.openSetting使用說明

    開啟小程式的設定介面:就是主動調取授權| 連結

    arrayBuffer與base64互轉拓展介面

    將 Base64 字串轉成 ArrayBuffer 資料| 連結

    剪貼簿API使用說明

    剪貼簿API是最新推出的大家期待已久的API,使用較為簡單; | 連結

    收貨地址wx.chooseAddress使用說明

    調起使用者編輯收貨地址原生介面,並在編輯完成後返回使用者選擇的地址| 連結

    基礎庫及相容低版本基礎庫

    因為是新出的部分,所以內容同樣是少的驚人; 假如同學們 | 連結

    場景值系統使用

    場景值是最新推出的系統,未來的用途將極其廣泛 | 連結

    藍芽API使用指南

    目前藍芽資料極少,但是為了讓大家能夠迅速的瞭解新API及可能遇到的問題 | 連結

    多選checkbox元件使用

    checkbox不會觸發change事件, checkbox-group才會觸發。| 連結