之前寫了一個去水印的小程序，詳情可查看「短視頻去水印工具小程序版—去水印Pro版」一文，我個人對小程序也是從完全陌生到入門階段，這篇文章就把入門的過程和遇到的問題記錄一下。

一、小程序注冊

想要開發小程序，就要先從微信公眾平臺注冊一個小程序，具體的注冊流程可以參考「小程序注冊流程」。

這里額外說下主體類型如果是個人，則無法開通支付、附近等功能。

PS：截止到我發文時，微信暫停了小程序注冊，個人猜測可能是因為國慶的原因，節后應該會恢復。

二、小程序入門

小程序提供了一個簡單、高效的應用開發框架和豐富的組件及API，幫助開發者在微信中開發具有原生 APP 體驗的服務。

簡單說就是，小程序依賴于微信，微信環境已經幫我們做好了封裝，絕大部分的功能只需要調用相應的 API 即可。

小程序的入門，最靠譜的莫過于查看官方文檔，點擊「小程序官網文檔--指南」即可訪問。

有編程基礎尤其是有前端編程基礎的人，看過微信官方的文檔之后，基本就可以做出簡單的小程序了，我個人就是看了微信的官方文檔，再加上一些搜索，搞定了「去水印Pro版」的開發。

三、UI組件推薦

除了微信對小程序的封裝，極大方便了開發者，小程序還提供了「擴展能力」，其中最能提高開發效率的莫過于「WeUI 組件庫」了。

關于「WeUI 組件庫」，官網是這樣介紹的：

這是一套基于樣式庫weui-wxss開發的小程序擴展組件庫，同微信原生視覺體驗一致的 UI 組件庫，由微信官方設計團隊和小程序團隊為微信小程序量身設計，令用戶的使用感知更加統一。

簡單說，就是微信官方提供的一套樣式組件，設計風格與小程序一脈相承，很多基礎的組件，不需要開發者自己去編寫，直接引用 WeUI 里的組件即可。

其實除了微信官方提供的 UI 組件，還有一些很優秀的第三方 UI 組件，比官方的組件更豐富，設計也更多彩，這里推薦幾個，我在開發中就使用了 iViewUI 的 NoticeBar。

• iViewUI：https://github.com/TalkingData/iview-weapp
• ColorUI：https://github.com/weilanwl/ColorUI
• VantUI：https://github.com/youzan/vant-weapp

四、其他問題

在開發和提審中遇到的一些問題記錄如下，后面如果遇到新的問題，會不斷補充：

• 小程序開發中如果使用的是 http 域名，需要在項目詳情中勾選「不校驗合法域名、web-view、TLS版本以及 HTTPS 證書」
  • 微信開發者工具--右上角「詳情」--勾選「不校驗合法域名、web-view、TLS版本以及 HTTPS 證書」

• 如果用真機使用體驗版，接口域名仍然使用的是 http，那么需要打開調試模式，否則接口調用會失敗。
  • 點擊小程序右上角菜單，選擇「打開調試」

• 小程序的正式版，域名一定要是 https，且域名要在小程序后臺綁定。
  • 微信公眾平臺左側菜單「開發」--上方菜單「開發設置」--服務器域名「修改」

• 小程序開發登陸授權、聯系客服、分享等都是通過 button 來調用的，且不同的功能要設置不同的 open-type。
  • 具體可參考「button 組件」

• 調用 wx.showLoading 方法，最好設置 mask 屬性為 true，防止觸摸穿透。
• input 組件獲取值，不能使用 js 原生的方法，需要給組件綁定 bindinput 事件，通過 e.detail.value 獲取文本框的值。
• 小程序的功能要和后臺設置的「服務類目」相符合，否則有審核被拒的可能。
  • 可參考「個人主體開放的服務類目」

歡迎訪問我的個人博客：掘墓人的小鏟子

總結

以上是生活随笔為你收集整理的小程序真机调试访问不了接口_小程序入门的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。