如何在小程序里引入其他公众号的新闻

在开发小程序的时候，我们经常会要求引入外部的公众号新闻，但是如果直接引用地址加载的话，是一片空白。那么如何才能顺利加载外部的公众号新闻呢？

1.在要引入的公众号里面，关联要提供显示的小程序。
进入公众号管理平台，选择小程序管理

181561451983_.pic.jpg

选择添加按钮，添加要要关联的小程序

191561452010_.pic.jpg

选择关联小程序

201561452025_.pic.jpg

输入要引入的小程序名称（注意该处必须精确搜索，即名称必须一致与你创建的小程序）

211561452082_.pic.jpg

2. 在对应的小程序里面代码引入该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