雲開發實戰：實現短信跳小程序

如何實現短信跳轉小程序？

先看效果
https://www.qq.com/video/p321...
小程序支持短信跳轉小程序了，能夠說是打開了一個巨大的流量入口。

效果過程分析

1. 從短信到網頁
2. 從網頁到小程序

那麼就涉及到兩個點

1. 發送短信
2. 網頁跳轉

實現步驟分析

1. 先要有個網頁，能夠跳轉到小程序
2. 而後發送短信，短信內容包含地址

具體實現步驟

1. 先要有個網頁，能夠跳轉到小程序

首先開通靜態網頁託管

建立一個雲開發的項目，點擊左上方「雲開發」按鈕

點擊靜態網頁進行開通。

而後點擊「下載資源包」，解壓縮咱們會看到

第一個是雲函數，第二個是跳轉的網頁。首先咱們編輯下跳轉的網頁

打開文件編輯如下 6 處便可（經過「replace」搜索能夠快速定位修改的地方）：

添加好對應參數後，上傳部署到你的靜態託管文件目錄中

這個時候網頁這塊就已經搞定了，接下來部署下雲函數。

剛纔的 cloudfunctions 文件夾下面有個 public 文件夾裏面的 index.js 複製內容到本身新建的雲函數的 index.js 中，而後替換本身小程序的path（友情提示：覆蓋完成後別忘記上傳部署雲函數）

這個雲函數的做用，主要是靜態網頁會調用它生成跳轉的URL Scheme。如下爲網頁調用這個函數的代碼區域

到這裏網頁顯示與網頁跳轉就只差最後一步了，設置雲函數權限。

第一步，點擊設置，滑到地步打開「未登陸用戶權限開關」。

第二步，點擊雲函數，修改權限複製下方代碼覆蓋便可。

自定義安全規則配置：

{
    "*": {
    "invoke": "auth != null"
    },
    "public": {
    "invoke": true
    }
}

2. 而後發送短信，短信內容包含地址

建立一個sendSms到雲函數，複製如下代碼：

const cloud = require('wx-server-sdk')
cloud.init()
exports.main = async (event, context) => {
  try {
    const result = await cloud.openapi.cloudbase.sendSms({
        env: 'online-12345678910', // 替換環境ID
        content: '雲開發支持短信跳轉小程序了',// 替換短信文案
        path: '/index.html',// 替換網頁路徑
        phoneNumberList: [
          "+8612345678910"
        ]
      })
    return result
  } catch (err) {
    return err
  }
}

替換以上 3 處內容便可。

1. 環境ID，能夠在設置中找到
2. 短信內容，這個本身自定義
3. 網頁路徑，在靜態網頁託管中點擊上傳到網頁便可查看複製

修改完成後，部署便可。

大功告成
https://www.qq.com/video/p321...
小程序就能夠調用這個雲函數發送短信，短信就會自帶網頁地址，點擊便可跳轉到小程序了。

微信搜「陳宇明」，關注後回覆「小程序」便可得到個人小程序開發教程