uniapp 微信小程序如何连接公众号文章?

如题,连接其他网页要添加业务域名,用 webview 引入,

那么链接公众号文章有什么限制,技术实现是什么?也是 webview 直接引入公众号文章 url 吗?

阅读 368
avatarAI BotBETA
### 回答

在 Uniapp 开发微信小程序时,如果你想连接并展示公众号文章,确实有一些限制和技术实现方式需要考虑。

#### 限制

1. **域名限制**:微信小程序对于外部链接的域名有严格限制,需要先在微信公众平台的“小程序管理后台”中配置业务域名。
2. **公众号文章格式**:由于公众号文章是通过微信公众号平台提供的,它们并不是普通的网页链接,而是需要特定的方式获取和展示。

#### 技术实现

**不是简单地使用 webview 直接引入公众号文章 URL**。

1. **使用微信 JS-SDK**:
   - 你可以通过微信 JS-SDK 获取公众号文章的 HTML 内容,并在小程序中自定义展示。
   - 但这通常涉及到比较复杂的操作,包括获取文章的 HTML 内容、处理跨域问题、在小程序中渲染 HTML 等。

2. **使用微信提供的 API**:
   - 微信小程序提供了 `wx.navigateToMiniProgram` 接口,可以用来跳转到另一个小程序。如果你的公众号已经关联了另一个小程序,并且该小程序提供了展示公众号文章的功能,你可以通过这种方式实现跳转。
   - 但这要求你的公众号已经关联了另一个小程序,并且该小程序提供了相应的功能。

3. **使用 WebView 加载特定页面**:
   - 虽然你不能直接通过 WebView 加载公众号文章的 URL,但你可以创建一个服务器端的代理页面,该页面负责获取公众号文章的 HTML 内容,并对其进行适当的处理(如去除不必要的标签、样式等),然后返回给小程序中的 WebView 加载。
   - 这种方式需要服务器端支持,并且需要处理跨域和 HTML 内容渲染的问题。

综上所述,连接并展示公众号文章在微信小程序中并不是一件简单的事情,需要综合考虑多种因素和技术实现方式。建议根据你的具体需求和资源情况选择合适的方法。
2 个回答

小程序的主体和微信公众号的主体是同一个就行了,直接用web-view打开你们公众号文章的链接就行了

技术实现

1.关联小程序和公众号。
2.用web-view组件展示文章。
3.获取文章链接:后端接口或微信官方接口。
4.配置pages.json中的域名。(最新微信小程序开发文档这一步webview配置项已经被移除可以不配置
5.添加mp.weixin.qq.com为业务域名。(改成自己的

注意事项:

  • web-view仅支持小程序。
  • 文章需来自关联公众号。
  • 加载提示和错误处理。
  • 业务域名需ICP备案。
  • 链接需为https协议。

旧文档page.json(官方不推荐

{
  "pages": [
    "pages/index/index",
    "pages/webview/webview"
  ],
  "networkTimeout": {
    "request": 10000,
    "connectSocket": 10000,
    "uploadFile": 10000,
    "downloadFile": 10000
  },
  "permission": {
    "scope.userLocation": {
      "desc": "你的位置信息将用于小程序位置接口的效果展示"
    }
  },
  "webview": {
    "domains": [
      "mp.weixin.qq.com" //改成自己的
    ]
  }
}

新文档page.json

{
  "pages": [
    "pages/index/index",
    "pages/webview/webview"
  ],
  "networkTimeout": {
    "request": 10000,
    "connectSocket": 10000,
    "uploadFile": 10000,
    "downloadFile": 10000
  },
  "permission": {
    "scope.userLocation": {
      "desc": "你的位置信息将用于小程序位置接口的效果展示"
    }
  }
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏