如何在小程序里引入其他公众号的新闻
2019-06-25 本文已影响7人
arvinzou
在开发小程序的时候，我们经常会要求引入外部的公众号新闻，但是如果直接引用地址加载的话，是一片空白。那么如何才能顺利加载外部的公众号新闻呢？
1.在要引入的公众号里面，关联要提供显示的小程序。
进入公众号管理平台，选择小程序管理
181561451983_.pic.jpg
选择添加按钮，添加要要关联的小程序
191561452010_.pic.jpg
选择关联小程序
201561452025_.pic.jpg
输入要引入的小程序名称（注意该处必须精确搜索，即名称必须一致与你创建的小程序）
211561452082_.pic.jpg
- 在对应的小程序里面代码引入该url如下：
布局
<view class='container'>
<web-view src="{{srcUrl}}"></web-view>
</view>
代码
Page({
/**
* 页面的初始数据
*/
data: {
// srcUrl: 'https://test.passport.changhong.com/api/reset.do?view=m&livemode=0&service=https://chweb.changhong.com/',
srcUrl:'https://mp.weixin.qq.com/s/RFlC-1ZJNiYzzFNabaL_LQ',
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
最后我们来查看下效果图：
221561452687_.pic_hd.jpg
