一. 需求

能在小程序内打开文档, 希望不是调用自己的app(例如wps)来打开, 而是可以直接不用app打开, 例如使用腾讯文档或者金山文档打开相关文件资料

二. 实现

以腾讯文档为例, 金山文档一样的步骤

1. 准备要打开的文档

我们得先把我们需要跳转的文档准备好, 然后分享出去, 方便后面复制链接

分享文档

1. 找到小程序的appId

打开腾讯文档小程序, 然后按下图获取appId

获取腾讯文档的appId

2. 复制小程序页面链接

要复制腾讯文档小程序的页面链接, 需要在自己小程序后台操作一番

首先, 点击生成小程序码

点击生成小程序码

其次, 输入之前拿到的腾讯文档小程序appId

输入之前拿到的腾讯文档小程序appId

再次, 点击获取更多页面路径

在里面输入自己的微信号, 点击开启, 这样就可以复制小程序的页面链接了

image.png

3. 进入刚刚分享的那个文档

选择复制链接, 获得链接

pages/detail/detail.html?scene=lvDfg4EvrBg4vAFfg4G1ISh3pTPDj1&url=https%3A%2F%2Fdocs.qq.com%2Fdoc%2FDQXhzZURFaXdMZGRP%3Flocalnum%3D1%26wxsdk%3D2.10.3%26miniapp_ts%3D1583659355757%26no_redirect%3D1&qqdocurl=https%3A%2F%2Fdocs.qq.com%2Fdoc%2FDQXhzZURFaXdMZGRP%3Flocalnum%3D1%26wxsdk%3D2.10.3%26miniapp_ts%3D1583659355757%26no_redirect%3D1

选择复制链接

4. 代码

wx.navigateToMiniProgram({

appId: 'wxd45c635d754dbf59',

path: 'pages/detail/detail.html?scene=lvDfg4EvrBg4vAFfg4G1ISh3pTPDj1&url=https%3A%2F%2Fdocs.qq.com%2Fdoc%2FDQXhzZURFaXdMZGRP%3Flocalnum%3D1%26wxsdk%3D2.10.3%26miniapp_ts%3D1583659355757%26no_redirect%3D1&qqdocurl=https%3A%2F%2Fdocs.qq.com%2Fdoc%2FDQXhzZURFaXdMZGRP%3Flocalnum%3D1%26wxsdk%3D2.10.3%26miniapp_ts%3D1583659355757%26no_redirect%3D1',

envVersion: 'release',

success(res) {

// 打开成功

},

fail: function (e) {

console.log(e)

}

})

5.结果

结果

三. 补充

如果使用app来打开资料, 就比较简单, 可以使用wx.openDocument来实现. 原理就是, 将文件下载到缓存里, 然后用系统里的app来打开它

wx.downloadFile({

url: '文件地址',

success: (res) => {

const filePath = res.tempFilePath

wx.openDocument({

filePath: filePath,

success: function (res) {}

})

},

fail: () => {}

})

参考资料

wps分享变成小程序怎么变成文档_微信小程序使用腾讯文档打开文档相关推荐

  1. 微信小程序 等待几秒、_微信小程序—setTimeout定时器的坑

    背景 实验室需要将项目的app搬到微信的小程序上,终于知道为什么程序员是手艺人了,只要有需求,就要想方设法去填充这种需求,去年是小程序的元年了可以说,去年冬天一个叫跳一跳的小程序游戏出现在我的微信中, ...

  2. 小程序获取城市行政区号_微信小程序 省市区选择器实例详解(附源码下载)

    微信小程序 省市区选择器: 最近学习微信小程序,为了检验自己的学习效果,自己做一个小示例,网上搜索下类似的实例,发现这个更好,大家看下. 一.区域间手势滑动切换,标题栏高亮随之切换 思路是:拿当前的c ...

  3. 微信小程序开发分销制度济南_微信小程序分销规则你清楚吗?

    大家在刚开始接触小程序的时候,好多人都被其中的分销功和简洁应用的模式所带来的红利所吸引,但到如今,使用小程序的用户是多了起来,但真正把小程序运营好的商家却很少.这是为什么呢,原因就在于,商家还不会利用 ...

  4. 微信小程序 等待几秒、_微信小程序—setTimeOut定时器的问题及解决

    背景 实验室需要将项目的app搬到微信的小程序上,终于知道为什么程序员是手艺人了,只要有需求,就要想方设法去填充这种需求,去年是小程序的元年了可以说,去年冬天一个叫跳一跳的小程序游戏出现在我的微信中, ...

  5. 微信小程序下拉框插件_微信小程序下拉框组件使用方法详解

    本文实例为大家分享了微信小程序下拉框组件的使用方法,供大家参考,具体内容如下 适用场景 1.省市三级联动 2.出生日期选择 3.性别选择 4.一般性的下拉选择等 一.省市三级联动使用 注意mode = ...

  6. 小程序文章怎么导出来_微信小程序点餐怎么申请,怎么建立微信点单小程序

    微信点餐小程序/微信点餐商家版/微信点餐系统/微信点餐平台/点击上方"蓝字"关注我们我 怎么做微信小程序点餐 我们先要申请一个微信公众号,如果您有营业执照可以注册认证一个服务号 申 ...

  7. 微信小程序跳过第三方的_微信小程序可以跳转第三方页面吗

    随着互联网的发展,小程序定制开发的需求也是越来越多了.客户在寻问小程序开发的时候,小程序跳转外部链接是他们比较关心的问题之一.下面我们将小程序跳转外部链接的规则汇总整理,希望用户对小程序的跳转规则有更 ...

  8. 微信小程序网络请求异常怎么办_微信小程序打开提示“网络异常,请检查网络状态”的解决方法...

    症状:打开微信小程序的时候,提示"网络异常,请检查网络状态",无法加载数据. 问题客户端:安卓手机 经过测试:IOS和微信桌面版,均正常. 唯独安卓手机不行,如下图所示,这个问题不 ...

  9. 如何让小程序页面更顺滑_微信小程序|实现界面滑动切换

    问题描述 在许多用户体验效果较好的微信小程序中,用户通过左右滑动界面也能实现页面的切换,方便了用户使用,那它们是如何实现的呢? 解决方案 图 1   标签页切换 在图1中,顶部的 3 个标签页标题用  ...

  10. 小程序promise封装post请求_微信小程序promise封装get/post请求

    微信小程序promise封装get/post请求 2020-07-04 20:42:49 微信小程序promise封装get/post请求 叶子兔 2018-10-10 08:55:30  1056  ...

最新文章

  1. 显色指数测试软件,显色性
  2. python下载网页歌词_使用Python下载歌词并嵌入歌曲文件中的实现代码
  3. logic多分类的两种类别
  4. 参数变化_PDP驱动波形参数分析
  5. 单用户登陆demo-后者挤到前者,类似QQ
  6. c语言上机考试设计题及答案,C语言程序设计基础上机考试一题目及参考答案.doc...
  7. SQL2008R2 收缩数据库问题 - 日志文件不变小
  8. 【BZOJ4318】OSU!【期望DP】
  9. python之路_数据备份及pymysql模块
  10. 【ORBSLAM2点线融合】空间直线参数化
  11. linux nginx 443端口被占用,Nginx拒绝监听端口443(示例代码)
  12. C++面试宝典 知识点集锦
  13. 分享逻辑思维导图模板,需要的自取进行编辑使用
  14. 【单片机开发平台】msp430几种不同开发平台的对比
  15. libapache2-mod-php5 apache,Debian Etch libapache2-mod-php5 with bundled libgd
  16. PDF文件电子签章支持库比较
  17. 30ea是什么意思_数量单位EA是什么意思?EACH? 单位EA是什么意思
  18. 生活中的观察者偏见例子_消除人工智能第2部分中的偏见,解决性别和种族偏见...
  19. 算法鲁棒性的3个概念
  20. 仿天猫淘宝的ShopNC好商城原生Android 客户端源码项目

热门文章

  1. U盘启动盘还原的方法
  2. DeepFace介绍
  3. 【Pyecharts50例】添加背景图片/Logo
  4. 阿冰自己弄网站,利于开发的工具
  5. golang程序员前景怎么样?Python、Java、go语言的优势互比
  6. 终端发送自己的短地址给协调器
  7. js 函数传参改变div属性
  8. Redis 模糊查询Key
  9. Matlab导入excel数据
  10. delete 的用法(Hive)(SQL)