uniapp开发的跳转到小程序

uniapp开发的h5跳转到小程序
https://www.cnblogs.com/xiaojianwei/p/16352698.html
官方：使用 URL Scheme 打开小程序
https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/url-scheme.html

 链接代码

<a href="weixin://dl/business/?appid=wxx******&path=pages/order/order&query=&env_version=release"  class="but"> 打开weixin </a>

条件：微信必须实名认证、通过备案 ，设置了 “明文scheme拉起此小程序”


通过weixin://dl/business/?t=打开微信小程序
https://blog.csdn.net/m0_46156566/article/details/128917461

 

第一步，通过微信接口（https://api.weixin.qq.com/cgi-bin/token）获取小程序access_token
微信官方文档

第二步，通过微信接口（https://api.weixin.qq.com/wxa/generatescheme）获取小程序跳转链接weixin://dl/business/?t=
微信官方文档
我这里用的uni-app，所以请求用的uni.request，其他的同理，比如ajax和axios,不多赘述

// 第一步获取token
         uni.request({
            method: "GET",
            // 这里的appid写你需要跳转的小程序的appid,secret秘钥也一样，grant_type=client_credential是固定的参数，不用改
            url: "https://api.weixin.qq.com/cgi-bin/token?appid=wxe109dd058as8sdf88&secret=9eb3d6dec783bc55sdfs32sdf2f2aa0&grant_type=client_credential",
            success: (res1) => {
              alert("获取token成功");
              console.log(res1.data);
              // 第2步获取小程序跳转链接
              uni.request({
                method: "POST",
                // access_token就是请求上一个接口拿到的回调结果
                url:
                  "https://api.weixin.qq.com/wxa/generatescheme?access_token=" + res1.data.access_token,
                data: {
                // path跳转到的小程序目标页面，query跳转需要携带参数，在目标页面onload里面接收options里面，其他参数固定，获取看文档了解
                  jump_wxa: {
                    path: "/app/test/test",
                    query: "url=" + urls,
                    env_version: "trial", // 正式版为"release"，体验版为"trial"，开发版为"develop"
                  },
                  is_expire: true,
                  expire_type: 1,
                  expire_interval: 1,
                  // env_version: "trial",
                },
                success: (res2) => {
                  alert("获取小程序跳转链接1");
                  console.log(res2.data);
                  let a = document.createElement("a"); //创建一个a标签元素
                  a.href = res2.data.openlink; //设置跳转地址
                  document.body.appendChild(a); //加入
                  a.click(); //触发点击跳转
                  document.body.removeChild(a);删除元素
                },
                fail:(err) =>{
              alert('获取微信跳转链接失败')
              alert(JSON.stringify(err))
            }
              });
            },
            fail:(err) =>{
              alert('获取微信token失败')
              alert(JSON.stringify(err))
            }
          });

 

uniapp拉起小程序

在uniapp中拉起小程序，可以使用官方提供的API uni.navigateToMiniProgram。以下是一个简单的示例代码：

uni.navigateToMiniProgram({
    appId: '目标小程序的appid', // 小程序的appid
    path: 'pages/index/index', // 打开的页面路径，可选
    extraData: {
        // 需要传递给小程序的数据，可选
    },
    success(res) {
        // 打开成功的回调，可选
        console.log('打开成功');
    },
    fail(err) {
        // 打开失败的回调，可选
        console.log('打开失败', err);
    }
});

确保在调用这个API之前，已经在uniapp的manifest.json中配置了相应的权限，并且appid是正确的。

// manifest.json 中配置示例
"mp-weixin": {
    "usingComponents": true,
    "navigateToMiniProgramAppIdList": [
        "目标小程序的appid"
    ]
}

 在调用这个API之前，请确保你已经遵循了微信小程序的相关指导和要求，并且已经获取了相应的权限。如果是其他平台的小程序，请查阅对应平台的开发文档，因为不同平台的API调用可能会有所不同。

uni-app生成的app支持跳转微信小程序

uni-app生成的app支持跳转微信小程序
https://ask.dcloud.net.cn/question/67412

参考链接：http://www.html5plus.org/doc/zh_cn/share.html#plus.share.ShareService.launchMiniProgram
注意：需要先在manifest.json中配置【微信消息及朋友圈】


参考代码：

plus.share.getServices(function(res){  
    var sweixin = null;  
    for(var i=0;i<res.length;i++){  
        var t = res[i];  
        if(t.id == 'weixin'){  
            sweixin = t;  
        }  
    }  
    if(sweixin){    
        sweixin.launchMiniProgram({  
            id: '原始id',  
            path: 'pages/index/index?phone=' + UserID,
            type: 0   
        }):plus.nativeUI.alert('当前环境不支持微信操作!');  
    }  
},function(res){  
    console.log(JSON.stringify(res));  
});

uniapp开发的APP唤起微信打开小程序
https://blog.csdn.net/superlover_/article/details/89382540

uni-app开发的APP跳转到微信小程序需要调用H5+的原生界面控件。

注意事项：

用到了分享功能，在打包原生应用时，需要注意：首先勾选权限配置，manifest.json->App 模块权限配置->Share。然后，manifest.json->App SDK 配置->分享，按照提示填写微信分享的信息（微信开放平台，不是微信公众平台）。
因为涉及到第三方 SDK 的配置，需要打包自定义基座进行测试。真机运行自定义基座包使用说明
需要在微信开放平台开启APP跳转小程序，并管理相应的小程序
 

<template>
	<view class="center">
		<view class="text"  @click="checkWeChat">跳转到小程序</view>
	</view>
</template>
<script>
export default {
	data() {
		return {
			sweixin: null
		}
	},
	onLoad() {
		this.getPlus()
	},
	methods: {
		getPlus() {
			//获取当前显示的webview
			var pages = getCurrentPages()
			var page = pages[pages.length - 1]
			var currentWebview = page.$getAppWebview()
			//调用H5+APP的扩展API
			var shares=null;
			let that = this
			var pusher = plus.share.getServices(function(s){
				shares={};
				for(var i in s){
					var t=s[i];
					shares[t.id]=t;
				}
				that.sweixin=shares['weixin'];
			}, function(e){
				console.log("获取分享服务列表失败："+e.message);
			});
			//放入当前的webview
			currentWebview.append(pusher);
		},
		checkWeChat() {
			//调用微信小程序
			this.sweixin.launchMiniProgram({
				id:'gh_244-------' //要跳转小程序的原始ID
			})
		}
	}
}
</script>

/*
*唤起跳转微信小程序
*miniId 小程序id
*miniPath 小程序页面路径
*/
function LaunchMiniProgram (miniId,miniPath){
	// #ifdef APP-PLUS
	//获取终端支持的分享通道列表
	plus.share.getServices(function(s){
		let sweixin = null;
		for(let i=0;i<s.length;i++){
			if(s[i].id == 'weixin'){
				sweixin = s[i];
			}
		}
		//判断是否有微信
		if(sweixin){
			console.log('调起小程序',s)
			//唤起微信跳转小程序
			sweixin.launchMiniProgram({
				id:miniId,
				path:miniPath
			},function(){
				return true;
			},function(e){
				console.log("微信唤起失败",e);
				uni.showToast({
					title:'微信唤起失败，请检查是否有微信应用',
					icon:'none'
				})
				return false;
			})
		}else{
			uni.showToast({
				title:'微信唤起失败，请检查是否有微信应用',
				icon:'none',
				duration:3000
			})
			return false;
		}
	}, function(e){
		console.log("微信唤起失败",e);
		uni.showToast({
			title:'微信唤起失败，请重试',
			icon:'none',
			duration:3000
		})
		return false;
	});
	// #endif
	// #ifdef MP-BAIDU || MP-TOUTIAO || MP-WEIXIN || MP-ALIPAY || MP-QQ
	uni.navigateToMiniProgram({
	  appId: miniId,
	  path: miniPath,
	  success(res) {
		return true
	  },
	  fail(res){
		  uni.showToast({
		  	title:'跳转小程序失败',
		  	icon:'none',
		  	duration:3000
		  })
		  console.log('跳转小程序失败',res)
		  return false;
	  }
	})
	// #endif
}

微信拉起半屏API


  openmini: function (){
    let mchid='19905033266'; // 商户号
    let amount='1.01';
    let ordercode=Date.parse(new Date()); 
    console.log(mchid, ordercode, amount) 
    let param = 'mchid='+mchid+'&openType=1&autoPay=1&notify_url=https%3A%2F%2Fwxpay.eptjt.com%2FLKT%2Fnotify_ftpay.php&goodName=数字易货商品&mer_order_no='+ordercode+'&amount='+amount;
    wx.openEmbeddedMiniProgram({
      appId: 'wx5507008900fb4e7f',// 你要打开的小程序appid
      path: 'pages/Index/index?' + param, // 打开的页面路径，如果为空则打开首页
      extraData: {
        // mchid:mchid,
        // openType:1,
        // autoPay:1,
        // notify_url:'https%3A%2F%2Fwxpay.eptjt.com%2FLKT%2Fnotify_ftpay.php',
        // mer_order_no: ordercode,
        // goodName:'数字易货商品',
        // amount:amount,  
      },// 需要传递给目标小程序的数据
      envVersion: 'develop',// 要打开的小程序版本 develop 开发版 trial 体验版 release 正式版
      success(res) {
        // 打开成功
        console.log(res)
        
        // wx.showToast({
        //   title: res.data.err,
        //   duration: 2000
        // });

      },
      fail(e) {
        // 打开失败
        console.log(e) 
      },
    }) 
  },

Android应用签名查看工具没有MD5值的解决方法

由于高版本java 移除了 这些 Disable MD5 or MD2 signed jars
https://www.java.com/en/jre-jdk-cryptoroadmap.html

于是输出了一下我的本地java环境

>  java -version
java version "15.0.1" 2020-10-20
Java(TM) SE Runtime Environment (build 15.0.1+9-18)
Java HotSpot(TM) 64-Bit Server VM (build 15.0.1+9-18, mixed mode, sharing)
>

演示如何将SHA1值转换为MD5值

import java.security.MessageDigest;
import java.security.NoSuchAlgorithmException;

public class MD5Utils {

    public static String calculateMD5(String input) {
        try {
            MessageDigest md = MessageDigest.getInstance("MD5");
            byte[] byteData = md.digest(input.getBytes());
            StringBuilder sb = new StringBuilder();
            for (byte b : byteData) {
                sb.append(Integer.toString((b & 0xff) + 0x100, 16).substring(1));
            }
            return sb.toString();
        } catch (NoSuchAlgorithmException e) {
            e.printStackTrace();
            return null;
        }
    }

    public static void main(String[] args) {
        String sha1 = "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX";
        String md5 = calculateMD5(sha1);
        System.out.println("MD5: " + md5);
    }
}

在上面的示例代码中，我们将SHA1值替换为实际的值，然后运行程序，即可得到对应的MD5值输出

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：/a/454219.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

AHU 数据库 实验三

AHU 数据库 实验三

《数据库》实验报告 【实验名称】 实验3 数据库的连接查询 【实验目的】 1. 熟悉基本的连接查询的概念和作用&#xff1b; 2. 了解数据库管理系统DBMS 实现连接查询的基本方法&#xff1b; 3. 掌握SQL语言连接查询语句的语法和功能&#…
阅读更多...
备战python蓝桥杯1.0

备战python蓝桥杯1.0

1.输入输出 1.1输入一行 字符组 # 输入一个字符串&#xff0c;分割成单个字符存到列表a a[i for i input()]1.2输入一行 一组数 #输入一组数&#xff0c;赋值给列表a alist(map(int,input().split()))1.3输入多行 字符串 #先输入n&#xff0c;再输入n行的字符串&#xff0c;…
阅读更多...
算法提高之楼兰图腾(树状数组)

算法提高之楼兰图腾(树状数组)

楼兰图腾(树状数组) 核心算法&#xff1a;树状数组 将下标转化为二进制 例如11100100 父节点下标x 子节点下标i 由下图可知 每一个数都可以由其子节点**(如果有)**求和得到**由父节点找子节点&#xff1a;**每个子节点下标 –> x – 1 – lowbit(x – 1)由子节点找父节点&am…
阅读更多...
前端跨页面通信的几种方式---同源

前端跨页面通信的几种方式---同源

参考链接 1、LocalStorage:当 LocalStorage 变化时&#xff0c;会触发storage事件。利用这个特性&#xff0c;我们可以在发送消息时&#xff0c;把消息写入到某个 LocalStorage 中&#xff1b;然后在各个页面内&#xff0c;通过监听storage事件即可收到通知。 2、BroadCast C…
阅读更多...
SpringBoot+Vue项目报错（问题已解决）

SpringBoot+Vue项目报错（问题已解决）

1、错误日志 2、分析原因&#xff1a; JWT strings must contain exactly 2 period characters. Found: 0 JWT字符串必须包含2个句号字符。发现:0 分析&#xff1a;可以判断出大概可能是token格式出现了问题 3、参考 http://t.csdnimg.cn/hfEiY 4、检查后端代码是否出现问…
阅读更多...
酷开科技以消费者需求为导向冲刺OTT行业的星辰大海

酷开科技以消费者需求为导向冲刺OTT行业的星辰大海

通过大屏营销、互动营销等方式&#xff0c;提升品牌认知度和市场竞争力。酷开科技始终坚持以消费者的需求为导向&#xff0c;致力于为品牌方和消费者搭建高效、准确的沟通桥梁&#xff0c;开创OTT大屏营销新纪元。 伴随技术发展&#xff0c;智能电视已经从“尝鲜”变成了主流产…
阅读更多...
数据结构与算法----复习Part 14 （树与二叉树）

数据结构与算法----复习Part 14 （树与二叉树）

本系列是算法通关手册LeeCode的学习笔记 算法通关手册&#xff08;LeetCode&#xff09; | 算法通关手册&#xff08;LeetCode&#xff09; (itcharge.cn) 目录 一&#xff0c;树&#xff08;Tree&#xff09; 树的相关术语 节点间关系 树的其他术语 二&#xff0c;二叉…
阅读更多...
ISIS单区域实验简述

ISIS单区域实验简述

ISIS 中间系统到中间系统&#xff0c;也是链路状态协议&#xff0c;工作在数据链路层&#xff0c;不依赖IP地址&#xff1b;与OSPF一样采用最短路径SPF算法&#xff0c;收敛速度快。 实验基础配置&#xff1a; r1: sys sysname r1 undo info enable int g0/0/0 ip add 12.1.1.1…
阅读更多...
使用vue动态在列表中添加或者删除某一行

使用vue动态在列表中添加或者删除某一行

** 使用vue动态在列表中添加或者删除某一行 ** 先看一下展示的效果&#xff1a; 好了上代码&#xff1a; 样式界面&#xff1a; <template><div class"container"><h4 style"margin-left: 20px;">线路停靠站站点</h4><el-b…
阅读更多...
JS ATM练习案例（复习循环知识）

JS ATM练习案例（复习循环知识）

需求&#xff1a;用户可以选择存钱、取钱、查看余额和退出功能。 分析&#xff1a;1循环时反复出现提示框&#xff0c;所以提示框写到循环里面。 2.退出的条件是4&#xff0c;所以是4就会结束循环 3.提前准备一个金额预存储 4取钱为减法操作&#xff0c;存钱为加法操作&#xf…
阅读更多...
访问学者申请记|美国首所翻译博士点

访问学者申请记|美国首所翻译博士点

N老师出国访学的目的一方面是开拓眼界&#xff0c;另一方面也是为完成翻译方向的博士论文创造更好的条件。最终我们获得美国纽约州立大学宾汉姆顿分校的邀请函&#xff0c;该校的“翻译研究和教学项目”&#xff08;TRIP&#xff09;是美国高校设立的第一个翻译博士学位项目&am…
阅读更多...
electron + vtkjs加载模型异常，界面显示类似于图片加载失败的图标

electron + vtkjs加载模型异常，界面显示类似于图片加载失败的图标

electron vtkjs加载模型显示异常&#xff0c;类似于图片加载失败的效果&#xff0c;如上图。 electron开发版本&#xff1a;13。 解决方法&#xff1a;升级electron版本号。 注意&#xff1a;win7最高兼容electron 22版本。
阅读更多...
哪个骨传导蓝牙耳机的好？独家揭秘六大选购技巧

哪个骨传导蓝牙耳机的好？独家揭秘六大选购技巧

在科技飞速前进的今天&#xff0c;骨传导蓝牙耳机以独特的听觉技术逐渐进入大众视野&#xff0c;赢得了众多消费者的青睐。作为一名资深的数码爱好者&#xff0c;我最近频繁地收到朋友们的咨询&#xff0c;他们希望了解哪个骨传导蓝牙耳机的好&#xff1f;对于初入数码圈的朋友…
阅读更多...
AI知识库也太方便了吧，中小型企业都要知道它！

AI知识库也太方便了吧，中小型企业都要知道它！

生活在这个信息爆炸的时代&#xff0c;信息的获取变得前所未有的方便&#xff0c;但随之而来的却是信息筛选和管理的难题。对于中小型企业来说&#xff0c;如何有效运用自身积累的各类信息&#xff0c;直接影响着企业的运营效率和市场竞争力。而这&#xff0c;正是AI知识库可以…
阅读更多...
linux驱动——中断

linux驱动——中断

1.Cortex-A系列的中断的简介 中断的基本概念&#xff1a;(interrupt) 中断本质上是系统内部的异常机制,当中断产生之后&#xff0c;他会停下当前正在执行的任务&#xff0c;转而去做其他的事情,在停下当前正在执行的任务之前,要先入栈&#xff08;保护现场,其他的事情做完之后…
阅读更多...
智慧城市大模型来啦！港大百度推出UrbanGPT

智慧城市大模型来啦！港大百度推出UrbanGPT

论文作者解读链接&#xff1a;https://blog.csdn.net/qq_42715656/article/details/136681839 项目链接&#xff1a;https://urban-gpt.github.io/ 代码链接&#xff1a;https://github.com/HKUDS/UrbanGPT 论文链接&#xff1a;https://arxiv.org/abs/2403.00813 研究实验室链…
阅读更多...
CMake 编译 raylib 程序

CMake 编译 raylib 程序

CMakeLists.txt 内容如下&#xff1a; cmake_minimum_required(VERSION 3.0) project(t001) # 搜索指定目录下源文件 file(GLOB SRC_LIST ${CMAKE_CURRENT_SOURCE_DIR}/*.cpp) # 包含头文件路径 include_directories(F:/vclib/raylib-5.0_win64_mingw-w64/include) # 包含静态…
阅读更多...
mysql基于mycat实现读写分离

mysql基于mycat实现读写分离

试验环境 基于mysql主从复制已经实现 mycat主机192.168.199.149&#xff0c;安装好java和jdk 数据库主机192.168.199.150 数据库从机192.168.199.151 149配置 下载mycat并解压 vim /root/mycat/conf/server.xml vim /root/mycat/conf/schema.xml 150是主数据库&#xff0…
阅读更多...
Cesium--基于材质旋转图片

Cesium--基于材质旋转图片

材质部分的代码如下 // 自定义材质const customMaterial new Cesium.Material({translucent: true,fabric: {uniforms: {image:circle_img,speed:30.0,},source: czm_material czm_getMaterial(czm_materialInput materialInput){czm_material material czm_getDefaultMateri…
阅读更多...
“光谱视界革新：ChatGPT在成像光谱遥感中的智能革命“

“光谱视界革新：ChatGPT在成像光谱遥感中的智能革命“

遥感技术主要通过卫星和飞机从远处观察和测量我们的环境&#xff0c;是理解和监测地球物理、化学和生物系统的基石。ChatGPT是由OpenAI开发的最先进的语言模型&#xff0c;在理解和生成人类语言方面表现出了非凡的能力。本文重点介绍ChatGPT在遥感中的应用&#xff0c;人工智能…
阅读更多...
最新文章

Copyright @ 2022~2023