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

Question

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

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

Answer 1

技术实现

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": "你的位置信息将用于小程序位置接口的效果展示"
    }
  }
}

Answer 2

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

Answer 3

### 回答

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

#### 限制

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

#### 技术实现

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

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

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

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

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