微信小程序实现文章内容详情

方案一、使用微信小程序官方提供的webview

前提已经在微信公众平台开发管理配置好了安全域名即:

方案二、把网页转成pdf直接展示

前提已经在微信公众平台开发管理配置好了安全域名即:

实现思路是发起网络请求拿到pdf下载地址,然后wx.downloadFile下载文件,最后调用微信小程序官网提供的wx.openDocument打开文件。

复制代码
wx.downloadFile({
      url: pathUrl,//可以是后台传过来的路径
      filePath: wx.env.USER_DATA_PATH + '/' + file, // 本地,
      success: function (res) {
        let filePath = res.filePath;
        // console.log("下载文件成功==" + JSON.stringify(res.data))
        wx.openDocument({
          filePath: filePath,
          showMenu: false,
          success: function (res) {
            //成功
            // console.log("打开文件成功==" + JSON.stringify(res))
          },
          fail: function (res) {
            // console.log("打开文件失败==" + JSON.stringify(res))
          }
        })
      },
      fail: function (res) {
        // console.log("下载文件失败==" + JSON.stringify(res.data))
      }
    })
相关推荐
Rooting++2 小时前
小程序{{ }}和vue{{ }}语法的区别
前端·vue.js·小程序
博、、6 小时前
折扣卡CPS系统源码实战开发指南:从架构设计到落地部署全解析
小程序·需求分析
lhldsg9 小时前
折扣卡CPS小程序定制全流程实战指南:从需求分析到上线部署
java·前端·小程序
suliqiang9 小时前
【前端技术】 Web 前端技术36年 演进全景图
信息可视化·微信小程序·小程序·前端框架·uni-app·人机交互·xcode
weixin_493503671 天前
商会小程序附件上传:分片上传 + OSS 直传完整实现(Vue3 + 阿里云 OSS 实战)
阿里云·小程序·云计算
优度网1 天前
微信小程序主体变更公证书线上办理流程与业务交接风险规避方法浅析(2026)
小程序
ynchyong1 天前
微信小程序启动顺序遇到的一个坑
前端·微信小程序
m0_587383001 天前
外卖CPS系统开发实战:从架构设计到运营落地全指南
java·spring·小程序·架构·需求分析
T01156181 天前
全栈项目实战手记|艺培场馆课时预约小程序 PC 管理端 Demo 完整开发成果展示
小程序
凡泰AI1 天前
如何为政务 APP 搭建开放平台,实现多部门、第三方供应商标准化入驻与统一管理
android·大数据·小程序·uni-app·app·政务