小程序跳转到腾讯文档小程序

最新推荐文章于 2024-09-30 20:00:00 发布
原创 最新推荐文章于 2024-09-30 20:00:00 发布 · 4.1k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#小程序 #微信小程序

本文介绍了如何在小程序中实现跳转到腾讯文档的功能。首先，需要准备要打开的腾讯文档并复制其URL。然后，利用腾讯文档的小程序AppIdwxd45c635d754dbf59，通过wx.navigateToMiniProgram方法，设置path参数为文档的URL，从而实现跳转。

小程序 跳转到腾讯文档小程序

1、需求

在目标小程序内打开腾讯文档

2、要打开的腾讯文档

先把需要跳转的文档准备好，复制URL链接

3、小程序代码

腾讯文档的AppId：wxd45c635d754dbf59

wx.navigateToMiniProgram({
      appId: 'wxd45c635d754dbf59',
      path: `pages/detail/detail?url=此处替换成腾讯文档URL链接`
    })
cocotsau
关注
微信小程序跳转到腾讯文档
不务正业的猿
03-31 1万+
微信小程序跳转到腾讯文档，通过wx.navigateToMiniProgram方式实现。超详细教程！！！
Taro React ---- 微信小程序打开腾讯文档
止于至善
05-16 668
虽然这个方式可以打开腾讯文档，但是这里不保证一直有效，因为此方法参考了微信小程序使用腾讯文档打开文档，里边获取文档地址已经失效；方案一我想到的办法就是后端接口中转一次，通过爬虫将企业微信文档页面我们需要的信息爬取过来返回给前端，前端写界面代码渲染，提交后后端将数据提交给企业微信文档，此方法弊端一个是登录信息，一个是通过了后端开发，还不如自己开发一个简单的问卷文档；优势就是数据都给了创建文档的企业微信那个人，方便查询了。
微信小程序-腾讯地图及页面跳转
私信可回答各种问题~
05-07 2116
微信小程序-腾讯地图及页面跳转
小程序中读取腾讯文档的表格数据
低代码布道师的博客
06-29 2912
日常生活中我们使用腾讯文档在线的收集各类数据，数据收集是比较方便，但是如果希望对数据进行维护或者后续统计分析还是不方便的。本篇就介绍一下如何利用微搭低代码工具来接入腾讯文档的数据，实现数据的在线管理功能。如果希望接入腾讯文档的功能，需要创建连接器。...
小程序的四种跳转方式（官方文档）
L3gacy
10-29 920
小程序的四种跳转方式wx.switchTab(Object object)wx.redirectTo(Object object)wx.navigateTo(Object object)wx.reLaunch(Object object) wx.switchTab(Object object) wx.redirectTo(Object object) wx.navigateTo(Object object) wx.reLaunch(Object object) ...
微信小程序和微信小程序之间的跳转
皮皮虾的博客
07-17 1万+
1、<navigator>实现 <navigator target="miniProgram" open-type="navigate" app-id="" path="" extra-data="" version="release">打开绑定的小程序</navigator> 2、下面是即将
在微信小程序里上传图片到腾讯云的COS上存储桶
05-01
实现微信小程序中图片上传到腾讯云COS的过程涉及前后端协作，包括小程序端的文件读取、请求签名，以及后端的签名生成。通过遵循上述步骤和注意事项，开发者可以顺利地将本地图片资源存储到云端，提高应用的用户体验...
微信小程序仿腾讯视频小程序.zip
06-14
腾讯视频小程序的核心是视频播放功能，这涉及到video组件的详细配置，如src属性指定视频源，controls属性控制是否显示默认控制栏，danmu-list用于设置弹幕，current-time和duration用于获取和设置播放进度。...
微信小程序-在线文档功能
05-09
微信小程序是一种轻量级的应用开发平台，由腾讯公司推出，主要应用于移动端，为用户提供便捷的服务体验。在微信环境中，小程序无需下载安装即可使用，极大地方便了用户对各种功能的快速访问。本项目聚焦于微信小程序...
精选微信小程序源码：程序员交流论坛社区小程序（含源码+源码导入视频教程&文档教程，亲测可用）
11-29
微信小程序是腾讯公司推出的一种轻量级应用开发平台，它基于JavaScript、WXML（微信标记语言）和WXSS（微信样式语言）构建，为开发者提供了一种在微信内创建原生体验的应用方式。V2EX社区是一个知名的程序员交流论坛...
第七篇：微信小程序的跳转页面
m0_73991249的博客
02-26 7349
前面这一篇已经讲过一次跳转页面的用法了，今天详细讲解一下回顾：小程序导航跳转页面有两种方式——>第一种是用【组件】直接跳转，简单用web角度理解就是类似直接用标签超链接跳转，叫做【声明式导航】；第二种是用【wx.switchTab( )】跳转，简单用web角度理解就是类似利用JavaScript函数跳转，叫做【编程式导航】。这个就先不讲，先讲第一种【声明式导航】
获取小程序页面跳转链接
十指曼若
07-04 2万+
获取微信小程序页面跳转链接
小程序中半屏打开其他小程序，开发者工具调试半屏
浩星
06-13 6867
小程序中半屏打开其他小程序
当前AppID未授权给腾讯云，点击确定查看文档。
asz3343的博客
01-11 569
配置微信小程序腾讯云开发环境，想要运行官方给的demo，但是一直提示appid没有授权腾讯云，按照官方给的步骤一步一步来的，始终不行。 后来通过提交工单解决。 具体步骤就是在https://mp.weixin.qq.com/wxopen/componentunauthorize?action=component_list&token=982494449&am...
微信小程序：一个小程序跳转至另一个小程序
snow的博客
09-30 7145
这个 API 接受一个对象参数，其中可以包含目标小程序的 appId、path（目标小程序内的页面路径）、extraData（传递给目标小程序的参数）等。1.1、目标小程序需开放被跳转：目标小程序需要在其 app.json 文件中配置 navigateToMiniProgramAppIdList，将源小程序的 AppID 加入其中。在目标小程序的 app.json 文件中，添加 navigateToMiniProgramAppIdList 字段，并包含源小程序的 AppID。
微信小程序创建之获取地理位置并跳转腾讯地图
ghy_gong的博客
07-12 2万+
微信小程序创建 1、服务器域名配置 登录微信公众平台小程序，首先配置服务器域名。 本实例的域名在腾讯云购买 点击修改可前往腾讯云购买，购买后会自动配置。 2、微信小程序开发 下载开发者工具 下载安装后为 扫一扫登录后，选择“本地小程序项目”，选择新建项目或打开已有项目 创建后会有如下几种文件，.js、.wxml、.wxss、
微信PC端打开小程序（腾讯文档）、网页都显示空白和QQ/TIM的群文件无法显示等问题的解决方法
jason1wang的博客
04-29 4万+
问题描述： 1. 微信PC端无法打开腾讯文档的小程序，并且发现内置的浏览器网页均无法显示 卸载重装后，打开腾讯文档又显示该信息，问题现象有变化，但根本问题未解决 2. QQ/TIM的群文件和群公告均无法显示，提示“暂时无法显示，请刷新重试”(未截图) 原因： IE浏览器的代理服务器设置未关闭，而代理服务已经关了 微信和QQ/TIM的网络默认代理设置是采用IE的代理服务，于是就出现了上述问...
个人如何获取微信小程序的APPID
热门推荐
u011780598的博客
02-05 4万+
暂时性使用，仅供学习研究使用；请优先参考底下图文介绍链接； 假如遇到困难，请在综合交流区内发帖咨询； 官方文档都是默认你已经有了微信小程序的APPID，但是如何能获取到微信小程序确实是个技术活 微信公众平台 https://mp.weixin.qq.com/ 1. 在微信公众平台注册小程序点进链接，然后选择小程序注册，如下图所示： 2.先写注册信息，安装提示的账号信息
查看微信小程序的appID和secret
weixin_30877493的博客
01-02 3176
https://mp.weixin.qq.com/wxopen/devprofile?action=get_profile&token=1504304474&lang=zh_CN 转载于:https://www.cnblogs.com/fuckingPangzi/p/10206949.html
自有小程序跳转到腾讯电子签小程序，接入全流程
最新发布
09-06
<think> 嗯，用户这次聚焦在自有小程序跳转腾讯电子签的具体流程上，还提供了站内引用作为参考。看来用户已经明确了采用小程序跳小程序方案，而不是直接API集成方案。 用户提供的引用很关键，展示了电子签小程序的跳转参数格式：包含合同ID、签署人姓名和手机号（加密形式），以及目标页面地址MVP_CONTRACT_COVER。不过用户可能没注意到环境区分——测试和正式环境使用不同的appId，这个在实际开发中容易出错需要特别提醒。 从用户两次提问的连贯性看，ta应该是个技术决策者或开发者，正在评估接入方案。首次回答时我详细说明了后端集成方案，但用户这次更关心轻量级的跳转方案，说明项目可能处于快速验证阶段。用户没提合同创建逻辑，猜测合同可能在自有小程序生成后传递，也可能由电子签后台生成。 技术实现上要分三层说明： 第一层权限配置：重点说明跳转白名单配置，很多开发者会漏掉这点导致跳转失败；第二层参数传递：姓名和手机号的加密必要性，避免明文传输的安全风险；第三层状态同步：用户返回自有小程序后的状态查询方案。 特别注意用户引用的参数phone='MTQ3NDU3Oidioidkl'是加密字符串，实际开发需要调用腾讯的号码加密接口。这个细节在文档里容易忽略，要单独强调。 最后考虑补充一个常见坑点：电子签小程序在安卓和iOS的表现差异。测试发现安卓端跳转后左上角默认有返回按钮，可能直接退回自有小程序而非电子签内部页面，需要提示用户做兼容处理。 </think> 以下是自有小程序跳转腾讯电子签小程序的全流程接入指南，结合腾讯官方文档和实践经验整理： --- ### 一、接入全流程（5步） ```mermaid graph TD A[自有小程序] --> B[生成电子签跳转参数] B --> C[调用wx.navigateToMiniProgram] C --> D[用户签署后返回自有小程序] D --> E[查询签署状态] ``` #### 1. **开通电子签服务** - 腾讯云控制台开通「腾讯电子签」服务 - 获取**电子签小程序AppID**： - 测试环境：`wxa023b292fd19d41d` - 正式环境：`wx371151823f6f3edf`[^1] #### 2. **配置小程序跳转权限** - 在自有小程序的`app.json`添加跳转白名单： ```json "navigateToMiniProgramAppIdList": ["wx371151823f6f3edf"] ``` - 在微信开放平台绑定自有小程序和电子签小程序（需同主体） #### 3. **生成跳转参数（关键步骤）** | 参数 | 说明 | 示例 | |---|---|---| | `id` | 合同唯一ID（由电子签后台生成） | `yDw9jUUgyg34gq97U7WZ9b1rWEBV******` | | `name` | 签署人姓名（需URL编码） | `张%2A%2A` | | `phone` | **加密手机号**（调用电子签API加密） | `MTQ3NDU3Oidioidkl` | | `path` | 目标页面路径（固定格式） | `pages/guide?from=SFY&to=MVP_CONTRACT_COVER...`[^1] | **加密手机号方法**（需后端配合）： ```python # Python示例（使用腾讯云SDK） from tencentcloud.ess.v20201111 import models client.EncryptPhoneNumber(models.EncryptPhoneNumberRequest( PhoneNumber="13800138000" )) ``` #### 4. **小程序跳转调用** ```javascript wx.navigateToMiniProgram({ appId: 'wx371151823f6f3edf', // 正式环境AppID path: `pages/guide?from=SFY&to=MVP_CONTRACT_COVER&id=${id}&name=${name}&phone=${phone}`, envVersion: 'release', // 正式环境 success: (res) => { console.log('跳转成功') }, fail: (err) => { console.error('跳转失败', err) } }) ``` #### 5. **处理签署后状态** - 方案1：监听小程序生命周期 ```javascript // 自有小程序的onShow事件 onShow() { if (this.__wxExparserState__.scene === 1038) { this.checkContractStatus() // 检查合同状态 } } ``` - 方案2：电子签服务端回调（需配置回调URL） ```json POST /esign/callback { "contract_id": "xxx", "status": "SIGNED" } ``` --- ### 二、参数说明表 | 参数路径组件 | 作用 | 是否必填 | |-------------|------|----------| | `to=MVP_CONTRACT_COVER` | 进入合同签署封面页 | 是 | | `from=SFY` | 标识来源（自定义业务码） | 是 | | `id` | 电子签合同ID | 是 | | `name` | 签署人姓名 | 是 | | `phone` | **加密后**的手机号 | 是 | | `autoSign=true` | 自动跳转签署页（可选） | 否 | --- ### 三、注意事项 1. **手机号加密** - 必须通过电子签API加密（`EncryptPhoneNumber`接口） - 禁止前端明文传输手机号 2. **环境区分** ```javascript // 测试环境配置 appId: 'wxa023b292fd19d41d', envVersion: 'trial' ``` 3. **返回自有小程序** - 电子签签署完成后点击左上角返回按钮 - 需在电子签小程序内埋入返回逻辑（需定制开发） 4. **签署状态同步** - 优先采用服务端回调（实时性高） - 轮询电子签API接口：`DescribeContractStatus` --- ### 四、常见错误排查 - **跳转失败**： 1. 检查`navigateToMiniProgramAppIdList`配置 2. 确认腾讯电子签小程序已发布 3. 验证参数是否超过32KB限制 <br> - **手机号解密失败**： 1. 确认使用电子签API加密 2. 检查腾讯云账号SecretKey权限 > 官方建议：接入前在[电子签调试工具](https://debug.ess.tencent.cn/)验证参数有效性[^1]。
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值