h5打开支付宝小程序指定页面

图图我呀

已于 2024-09-24 16:20:42 修改

阅读量1.4k

点赞数 5

文章标签：小程序

于 2024-07-03 14:47:38 首次发布

本文链接：https://blog.csdn.net/weixin_45875814/article/details/140151722

版权

在h5页面打开支付宝小程序页面

export const getAlipayMiniProgramUrl = (query) => {
  const appId = "123"; // 小程序appid
  const page = "pages/index/index"; // 跳转页面(注意：pages前面不用/)
  query = new URLSearchParams(query).toString();
  // 小程序启动参数需要 encodeURIComponent
  query = encodeURIComponent(query);
  // 支付宝内小程序地址
  const platformUrl = `alipays://platformapi/startapp?appId=${appId}&page=${page}&query=${query}`;
  // 跳转地址需要 encodeURIComponent
  const encodePlatformUrl = encodeURIComponent(platformUrl);
  // 完整地址(浏览器中打开)
  const href = `https://ds.alipay.com/?scheme=${encodePlatformUrl}`;
  return href;
};

// 示例
const query = {name: "图图我呀", url: "https://tutuwoya.com"}
getAlipayMiniProgramUrl(query )