01 買粉絲打開小程序帶參數(記一次從買粉絲文章跳轉小程序頁面異常的問題)

買粉絲買粉絲已經申請小程序成功，而且已關聯。可買粉絲打開小程序顯示未發布，還有怎么修改設置小程序內容啊

可以嘗試以下步驟進行操作：

1、進入小程序——取得小程序ID。首先，如果買粉絲想要關聯一個小程序，小程序必須是完整發布的狀態，且你需要這個小程序自動生成的ID。在你登錄小程序后，點擊設置讀取ID。

2、進入買粉絲——小程序管理

3、進入小程序管理——點擊“添加”選項

4、進入頁面點擊“關聯小程序”選項

5、掃描二維碼——買粉絲平臺管理員掃描驗證

6、輸入要搜索的APP ID ，這里注意是小程序ID，是自動生成ID，填寫注冊手機是無法識別的。

7、發送關聯邀請。可以看到在搜索了ID后，我們找到了“測試田666”這個小程序，點擊“發送關聯申請”。

注意：這里有兩個選項是自動勾選的，一個是展示在買粉絲資料頁內，一個是給已關注的買粉絲用戶發送通知。展示在買粉絲資料頁是可以隨時更改的，而發送通知正如一個流量入口，可以讓所有用戶關注這個小程序，但一經發出是無法撤回的！

8、點擊發送關聯邀請。點擊關聯邀請后，等待小程序管理員在24小時內應答。

9、小程序管理員同意綁定——完成關聯。關聯后的小程序將可以出現在買粉絲各業務場景中。

記一次從買粉絲文章跳轉小程序頁面異常的問題

自小程序的第一個版本上線快一個月了，從買粉絲搜索使用一直沒什么問題，所以以為挺穩定了，沒想到昨晚我們的運營在推文中加上了小程序的鏈接，想從推文直接跳轉至小程序首頁的時候，卻發現跳過去了之后頁面加載異常了，表現為一片空白，死活都加載不出來數據。

由于推文中配的小程序鏈接只能跳轉線上的小程序，并不能配置體驗版本的小程序，所以只能靠推理解決這個bug。

接下來我開始了修復之旅...

首先我看了一下相關的函數，寫得很簡單

從入口函數來看，分了三種情況：

1：從城市列表跳轉過來的時候會攜帶一些參數，例如城市id等。這種情況會先進入initData() 函數進行一些初始化。

2：如果頁面有緩存數據，也會先進入initData() 函數。

3：如果是從買粉絲直接進入小程序，并且沒有過緩存，我把這種情況當作最初始的一種情況，這時候就正常地走獲取數據流程，即直接調用getData() 函數獲取數據。

1、首先根據頁面加載的時候沒有出現loading，那么程序并沒有執行 getData() 函數。所以肯定不是一開始就執行 this.getData()。

2、清除緩存，移除小程序，再次進入小程序，仍然出現一片空白，那么知道并不是因為緩存問題，所以也排除第二種情況。

3、至于第一種情況，我是比較認同的。因為當初我只是想到從買粉絲直接打開小程序的場景，卻忽略了從買粉絲推文（甚至別的渠道）進入的場景。據我之前開發買粉絲的經驗推測，從推文進入的時候買粉絲極大可能會在url上攜帶一些亂七八糟的參數，這些參數正符合第一種情況的條件，進而進入了this.initData(options)。

4、來看data.flag 的值，如果等于0，那么調用this.getData()，已知this.getData()并沒有被執行，所以data.flag 不等于0；如果 this.showFail = true 的話，那么會顯示一個失敗頁，但頁面是空白的，并沒出現失敗頁，由此可知data.flag 并不等于1 或者 2。接下來沒有路可走了，所以會出現空白頁，這就說得過去了。

5、之所以會進入initData()函數，上面提過是別的買粉絲自動加入的參數導致的，這些參數并不是我需要的（比如很關鍵的一個參數flag），但是卻陰差陽錯地成為了進入initData()函數的充分條件，此時flag 應該是undefined。所以形式就很明朗了，只要把進入的條件寫得嚴謹一些如：

盡量從源頭制止，并把initData函數改造如下，保證有一條通路可走：

到這里，我覺得應該是沒問題的了。然后提交審核啦，審核很快就通過了，然后把小程序發布上去，然后開始驗證，再次從當初那篇推文進入小程序...發現Ok啦，出來數據啦

哈哈 謹記錄一下這個坑！

買粉絲小程序入口有哪些？

買粉絲小程序的應用早已滲入我們生活中的方方面面，能夠滿足線上線下不同的消費場景。那么我們從哪能找到小程序？小程序的常見流量入口有多少個？跟隨小木一起來看看吧。

小程序的常見流量入口有哪些：

一、主要入口：

1、搜索框:買粉絲聊天信息主頁面的最上方，有一個搜索框，可以直接對小程序進行搜索。

2、搜一搜；發現界面，通過搜一搜可以直接搜索。

3、掃一掃:聊天主界面右上角和發現界面頁面的掃一掃都可以使用，點擊掃一掃可以直接掃碼小程序二維碼進入，也可以選中相冊圖片操作。

5、小程序:打開發現界面的小程序，會有我的小程序和最近使用的小程序記錄，如果你頻繁使用一個小程序，可以按住小程序并向左滑動就可以把它設為收藏，以后同樣能在我的小程序里找到。

6、桌面圖標：使用過的小程序可以設置為成手機桌面圖標，即可一鍵打開小程序（僅限安卓系統手機）。

二、其他入口：

7、買粉絲多種方式跳轉:無論是在買粉絲詳情頁【相關小程序】列表查看與買粉絲相關聯的小程序、買粉絲模板消息、從買粉絲的菜單欄里直接跳轉，還是買粉絲推文內嵌入小程序卡片、小程序二維碼等都能實現從買粉絲向小程序跳轉。

8、買粉絲社群:小程序支持一鍵轉發及分享，所以社群也成為了小程序的一個核心入口。

9、長按圖片識別小程序碼：不需要再掃一掃，直接長按圖片就能識別進入小程序。

10、買粉絲【卡包】會員卡入口：點擊我—卡包—會員卡，選擇進入。

11、買粉絲視頻號鏈接跳轉：通過視頻號發布視頻，每個視頻下方，可以掛一個“鏈接”實現跳轉至小程序內。

12、App跳轉：從App轉發的小程序卡片、App里直接打開小程序等。

13、廣告推廣：買粉絲文中廣告、朋友圈廣告、小程序Banner廣告、小游戲激勵式視頻廣告等。

買粉絲小程序同步買粉絲買粉絲文章（二）

首先確認是否有相應的接口權限，這里主要用到獲取素材相關的接口，可以看到對應接口文檔，個人號還是有對應權限的。

在新增了永久素材后，開發者可以分類型獲取永久素材的列表：

1、獲取永久素材的列表，也包含買粉絲在公眾平臺官網素材管理模塊中新建的圖文消息、語音、視頻等素材 。

2、臨時素材無法通過本接口獲取。

3、調用該接口需買粉絲s協議。

實現的邏輯還是比較簡單的，具體分兩個步驟：

1、獲取買粉絲的access_token

獲取買粉絲的access_token的在前文中已經實現。

基于買粉絲小程序云函數的方式獲取買粉絲買粉絲access_token -

2、遍歷調用買粉絲永久素材列表接口獲取數據

調用素材列表接口，獲取相應的文章信息，這里主要獲取買粉絲的圖文信息(type為news)，接口調用請求說明：

買粉絲請求方式: POST

買粉絲s://api.weixin.qq.買粉絲/cgi-bin/material/batchget_material?access_token=ACCESS_TOKEN

調取素材列表之后在小程序中通過視圖組件scroll-view來實現，主要有標題、封面圖、摘要：

<scroll-view class="買粉絲ntainer"scroll-y='true' style="height:{ { height}}px" bindscrolltolower='lower'>

<block wx:for="{ { res}}" >

<view class='feed-item' id='{ { item.title}}' bindtap='getDetial'>

<view>

<text >{ { item.title}}</text>

</view>

<view style='text-align: center'>

<image src='{ { item.image_url}}'>tupian </image>

</view>

<view>

<text >{ { item.digest}}</text>

</view>

</view>

</block>

</scroll-view>

文章列表在頁面首次加載時就獲取：

/

**

* 生命周期函數--監聽頁面加載

*/

onLoad: function (options) {

wx.getSystemInfo({

success: (res) => {

this.setData({

height: res.windowHeight

})

}

})

this.getData()

}

函數getData()實現步驟，具體請求函數用云函數來實現，先從調取acces_token：

// 云函數入口文件

買粉絲nst cloud = require('wx-server-sdk')

買粉絲nst news = require('New')

cloud.init()

// 云函數入口函數

exports.main = async (event, 買粉絲ntext) => {

let token = null;

await cloud.callFunction({

name:'token'

}).then(function(data){

token = data.result;

});

let offset = event.offset;

let c

很赞哦!（4428）