1. 程式人生 > 實用技巧 >小程式內協議使用的三種方法

小程式內協議使用的三種方法

第一種,直接小程式內寫死協議,每次需釋出小程式版本更新

第二種,通過web-view開啟協議(協議地址需在小程式業務域名內(需在小程式開發平臺管理臺配置))

具體方法:

1、編輯一個.html格式的檔案,內容如下:

<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
    把富文字的內容放到這裡來
</body>
</html>

  

2、通過富文字編輯器編輯好內容,複製出html,並放入1中“.html”檔案body之間

3、第三步,需要用到的地方上傳該檔案

4、小程式通過web-view元件引入該檔案

第三種,通過小程式富文字元件 <rich-text>載入

具體方法:

1、在富文字編輯器裡編輯好內容,複製出html,並放入“名稱.html”檔案內

2、在需要的地方上傳該檔案

3、小程式中通過wx.request獲取檔案,如:

wx.request({
    url: 'XXXXXX/activityTopic.html',
    dataType:'html',
    method:'GET',
    success (res) {
        that.setData({
             htmlSnip:res.data
        })
    }
})


模板引入
<rich-text nodes="{{htmlSnip}}"></rich-text>                

  

注:“.html”需先定義好檔名,方便小程式內引用該檔案。

對於第三種方法的第2點也可以自己實現一個功能,直接傳html給到伺服器儲存起來,然後通過介面返回html模板。

富文字編輯器可隨意使用自己喜歡的編輯器

有問題,歡迎大家留言交流~,轉載請備明出處。