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

一、小程序注冊(cè)

想要開(kāi)發(fā)小程序，就要先從微信公眾平臺(tái)注冊(cè)一個(gè)小程序，具體的注冊(cè)流程可以參考「小程序注冊(cè)流程」。

這里額外說(shuō)下主體類型如果是個(gè)人，則無(wú)法開(kāi)通支付、附近等功能。

PS：截止到我發(fā)文時(shí)，微信暫停了小程序注冊(cè)，個(gè)人猜測(cè)可能是因?yàn)閲?guó)慶的原因，節(jié)后應(yīng)該會(huì)恢復(fù)。

二、小程序入門

小程序提供了一個(gè)簡(jiǎn)單、高效的應(yīng)用開(kāi)發(fā)框架和豐富的組件及API，幫助開(kāi)發(fā)者在微信中開(kāi)發(fā)具有原生 APP 體驗(yàn)的服務(wù)。

簡(jiǎn)單說(shuō)就是，小程序依賴于微信，微信環(huán)境已經(jīng)幫我們做好了封裝，絕大部分的功能只需要調(diào)用相應(yīng)的 API 即可。

小程序的入門，最靠譜的莫過(guò)于查看官方文檔，點(diǎn)擊「小程序官網(wǎng)文檔--指南」即可訪問(wèn)。

有編程基礎(chǔ)尤其是有前端編程基礎(chǔ)的人，看過(guò)微信官方的文檔之后，基本就可以做出簡(jiǎn)單的小程序了，我個(gè)人就是看了微信的官方文檔，再加上一些搜索，搞定了「去水印Pro版」的開(kāi)發(fā)。

三、UI組件推薦

除了微信對(duì)小程序的封裝，極大方便了開(kāi)發(fā)者，小程序還提供了「擴(kuò)展能力」，其中最能提高開(kāi)發(fā)效率的莫過(guò)于「WeUI 組件庫(kù)」了。

關(guān)于「WeUI 組件庫(kù)」，官網(wǎng)是這樣介紹的：

這是一套基于樣式庫(kù)weui-wxss開(kāi)發(fā)的小程序擴(kuò)展組件庫(kù)，同微信原生視覺(jué)體驗(yàn)一致的 UI 組件庫(kù)，由微信官方設(shè)計(jì)團(tuán)隊(duì)和小程序團(tuán)隊(duì)為微信小程序量身設(shè)計(jì)，令用戶的使用感知更加統(tǒng)一。

簡(jiǎn)單說(shuō)，就是微信官方提供的一套樣式組件，設(shè)計(jì)風(fēng)格與小程序一脈相承，很多基礎(chǔ)的組件，不需要開(kāi)發(fā)者自己去編寫(xiě)，直接引用 WeUI 里的組件即可。

其實(shí)除了微信官方提供的 UI 組件，還有一些很優(yōu)秀的第三方 UI 組件，比官方的組件更豐富，設(shè)計(jì)也更多彩，這里推薦幾個(gè)，我在開(kāi)發(fā)中就使用了 iViewUI 的 NoticeBar。

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

四、其他問(wèn)題

在開(kāi)發(fā)和提審中遇到的一些問(wèn)題記錄如下，后面如果遇到新的問(wèn)題，會(huì)不斷補(bǔ)充：

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

• 如果用真機(jī)使用體驗(yàn)版，接口域名仍然使用的是 http，那么需要打開(kāi)調(diào)試模式，否則接口調(diào)用會(huì)失敗。
  • 點(diǎn)擊小程序右上角菜單，選擇「打開(kāi)調(diào)試」

• 小程序的正式版，域名一定要是 https，且域名要在小程序后臺(tái)綁定。
  • 微信公眾平臺(tái)左側(cè)菜單「開(kāi)發(fā)」--上方菜單「開(kāi)發(fā)設(shè)置」--服務(wù)器域名「修改」

• 小程序開(kāi)發(fā)登陸授權(quán)、聯(lián)系客服、分享等都是通過(guò) button 來(lái)調(diào)用的，且不同的功能要設(shè)置不同的 open-type。
  • 具體可參考「button 組件」

• 調(diào)用 wx.showLoading 方法，最好設(shè)置 mask 屬性為 true，防止觸摸穿透。
• input 組件獲取值，不能使用 js 原生的方法，需要給組件綁定 bindinput 事件，通過(guò) e.detail.value 獲取文本框的值。
• 小程序的功能要和后臺(tái)設(shè)置的「服務(wù)類目」相符合，否則有審核被拒的可能。
  • 可參考「?jìng)€(gè)人主體開(kāi)放的服務(wù)類目」

歡迎訪問(wèn)我的個(gè)人博客：掘墓人的小鏟子

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。