微信小程序使用腾讯文档打开文档
时间:2022-07-23
本文章向大家介绍微信小程序使用腾讯文档打开文档,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
一. 需求
能在小程序内打开文档, 希望不是调用自己的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: () => {}
})
参考资料
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Spark Core项目实战 | 页面单跳转化率统计
- Chrome DevTools 全攻略!助力高效开发
- 终于有人把 Docker 讲清楚了,别再说不会 Docker 了!
- 如何在ggplot2图形上添加显著性差异注释?
- 动态曲线图(linechart)--Matplotlib绘制
- 分布式事务、分布式锁、分布式session
- Redis为什么变慢了?常见延迟问题定位与分析
- PyTorch Trick集锦
- client-go 之 Indexer 的理解
- 你的登录接口真的安全吗?
- Python,你真的会使用 staticmethod 和 classmethod 吗?
- GitLabCI/CD自动集成和部署到远程服务器
- istio-cni详解
- 【Pytorch 】笔记八:Tensorboard 可视化与 Hook 机制
- K近邻算法:以"同类相吸"解决分类问题!