个人小程序生成链接跳转

最新推荐文章于 2024-09-20 17:44:47 发布
最新推荐文章于 2024-09-20 17:44:47 发布
阅读量2.4k 收藏 5
点赞数 2
分类专栏： 小程序 文章标签： 小程序 ios android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_27798913/article/details/117791171
版权

总所周知企业主体小程序官方有接口生成链接

但个人主体小程序目前不支持

只能借用认证公众号或企业主体小程序接口

来实现个人小程序生成链接

点击链接跳转到个人小程序

微信内也支持点击打开

 

个人小程序演示链接：http://4e9.cn/wm

 

部分代码：



<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>打开页面</title>
    
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1">
    <script>
        window.onerror = e => {
            console.error(e)
            alert('发生错误' + e)
        }
    </script>
    <!-- weui 样式 -->
    <link rel="stylesheet" href="./打开页面_files/weui.min.css">
    
    <!-- 调试用的移动端 console -->
    <!-- <script src="https://cdn.jsdelivr.net/npm/eruda"></script>
    <script>eruda.init();</script> -->
    <!-- 公众号 JSSDK -->
    <script src="./打开页面_files/jweixin-1.6.0.js.下载"></script>
    <script src="./打开页面_files/jquery.min.js.下载"></script>
    <script>
        function docReady(fn) {
            if (document.readyState === 'complete' || document.readyState === 'interactive') {
                fn()
            } else {
                document.addEventListener('DOMContentLoaded', fn);
            }
        }

        function getQueryStringValue(key) {
            return decodeURIComponent(window.location.search.replace(new RegExp('^(?:.*[&\\?]' + encodeURIComponent(key).replace(/[\.\+\*]/g, '\\$&') + '(?:\\=([^&]*))?)?.*$', 'i'), '$1'));
        }

        var aid = getQueryStringValue('id');
        if (aid == "") {
            aid = getQueryStringValue('r');
        }
        window.url_detail = {}


        docReady(() => {
            $.getJSON("/config/" + aid + ".json", (e) => {
                window.url_detail = e;
                loadDone();
            })
        })

        function loadDone() {
            var temp_img = new Image();
            temp_img.src = 'https://1306868817533408.cn-beijing.fc.aliyuncs.com/2016-08-15/proxy/extensionLinkApi/v1/?action=record_wlscq&id=' + aid;

            var ua = navigator.userAgent.toLowerCase()
            var isWXWork = ua.match(/wxwork/i) == 'wxwork'
            var isWeixin = !isWXWork && ua.match(/MicroMessenger/i) == 'micromessenger'
            var isMobile = false
            var isDesktop = false
            if (navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|IEMobile)/i)) {
                isMobile = true
            } else {
                isDesktop = true
            }
            console.warn('ua', ua)
            console.warn(ua.match(/MicroMessenger/i) == 'micromessenger')
            var m = ua.match(/MicroMessenger/i)
            console.warn(m && m[0] === 'micromessenger')

            if (isWeixin) {
                var appName = document.getElementById('wechat-app-name')
                appName.innerHTML = window.url_detail.nickname

                var containerEl = document.getElementById('wechat-web-container')
                containerEl.classList.remove('hidden')
                containerEl.classList.add('full', 'wechat-web-container')

                var launchBtn = document.getElementById('launch-btn')
                launchBtn.setAttribute("username", window.url_detail.username)
                launchBtn.setAttribute("path", window.url_detail.path)

                launchBtn.addEventListener('ready', function (e) {
                    var containerE2 = document.getElementById('wechat-web-container-title')
                    containerE2.classList.remove('hidden')

                    var containerLoading = document.getElementById('loading')
                    containerLoading.classList.add('hidden')
                })
                launchBtn.addEventListener('launch', function (e) {
                })
                launchBtn.addEventListener('error', function (e) {
                })

                $.getScript("//1306868817533408.cn-beijing.fc.aliyuncs.com/2016-08-15/proxy/extensionLinkApi/v1/wlscq_jssdk?url=" + encodeURIComponent(location.href.split('#')[0]), function (e) {
                    console.log(e)
                });
            } else if (isDesktop) {
                var containerEl = document.getElementById('desktop-web-container')
                containerEl.classList.remove('hidden')
                containerEl.classList.add('full', 'desktop-web-container')

                var containerLoading = document.getElementById('loading')
                containerLoading.classList.add('hidden')
            } else {
                var appName = document.getElementById('public-app-name')
                appName.innerHTML = window.url_detail.nickname

                var containerLoading = document.getElementById('loading')
                containerLoading.classList.add('hidden')

                var containerEl = document.getElementById('public-web-container')
                containerEl.classList.remove('hidden')
                containerEl.classList.add('full', 'public-web-container')

                var buttonEl = document.getElementById('public-web-jump-button')
                var buttonLoadingEl = document.getElementById('public-web-jump-button-loading')

                try {
                    openWeapp(() => {
                        buttonEl.classList.remove('weui-btn_loading')
                        buttonLoadingEl.classList.add('hidden')
                    })
                } catch (e) {
                    buttonEl.classList.remove('weui-btn_loading')
                    buttonLoadingEl.classList.add('hidden')
                    throw e
                }
            }
        }

        function openWeapp(onBeforeJump) {
            if (onBeforeJump) {
                onBeforeJump()
            }
            location.href = window.url_detail.scheme
        }
    </script>
    <style>
        .hidden {
            display: none;
        }

        .full {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
        }

        .public-web-container {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .public-web-container p {
            position: absolute;
            top: 40%;
        }

        .public-web-container a {
            position: absolute;
            bottom: 40%;
        }

        .wechat-web-container {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .wechat-web-container p {
            position: absolute;
            top: 40%;
        }

        .wechat-web-container wx-open-launch-weapp {
            position: absolute;
            bottom: 40%;
            left: 0;
            right: 0;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .desktop-web-container {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .desktop-web-container p {
            position: absolute;
            top: 40%;
        }
    </style>
    <style type="text/css">
        body {
            font-size: 16px;
            line-height: 1.4;
            font-family: -apple-system-font, Helvetica Neue, sans-serif
        }

        * {
            padding: 0;
            margin: 0
        }

        .toast {
            transition-duration: .2s;
            transform: translate(-50%, -50%);
            margin: 0;
            top: 45%;
            z-index: 2000;
            position: fixed;
            width: 7.6em;
            min-height: 7.6em;
            left: 50%;
            background: hsla(0, 0%, 7%, .7);
            text-align: center;
            border-radius: 5px;
            color: #fff
        }

        .toast.toast--visible {
            opacity: 1;
            visibility: visible
        }

        .icon_toast.loading {
            margin: 30px 0 0;
            width: 38px;
            height: 38px;
            vertical-align: baseline
        }

        .icon_toast {
            font-size: 55px;
            color: #fff
        }

        .loading {
            display: inline-block;
            animation: e 1s steps(12) infinite;
            background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=) no-repeat;
            background-size: 100%
        }

        i {
            font-style: italic
        }

        @keyframes e {
            0% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg)
            }

            to {
                -webkit-transform: rotate(1turn);
                transform: rotate(1turn)
            }
        }
    </style>
</head>

<body>

    <div id="loading" class="toast loading_toast toast--visible hidden">
        <div><i class="loading icon_toast"></i></div>
        <p class="toast_content">正在加载...</p>
    </div>
    <div class="page full">
        <div id="public-web-container" class="hidden">
            <p class="">正在打开 “<span id="public-app-name"></span>”...</p>
            <a id="public-web-jump-button" href="javascript:void(0)" class="weui-btn weui-btn_primary weui-btn_loading" onclick="openWeapp()">
                <span id="public-web-jump-button-loading" class="weui-primary-loading weui-primary-loading_transparent"><i class="weui-primary-loading__dot"></i></span>
                点击这里打开
                <svg style="overflow: visible;isolation: isolate;height:18px;width:18px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" viewBox="0 0 18 18" xml:space="preserve">
                    <g>
                        <g transform="translate(10 10)">
                            <g style="pointer-events:visible;">
                                <circle cx="1" opacity="0.7" cy="1" fill="#fff" r="12.5">
                                    <animate attributeName="r" values="10.5;13;10.5" begin="0s" dur="1.2s" repeatCount="indefinite">
                                    </animate>
                                </circle>
                                <circle cx="1" cy="1" fill="#fff" r="4.16"></circle>
                            </g>
                        </g>
                    </g>
                </svg>
            </a>
        </div>
        <div id="wechat-web-container" class="hidden">
            <p id="wechat-web-container-title" class="hidden">点击下方按钮打开 “<span id="wechat-app-name"></span>”</p>
            <wx-open-launch-weapp id="launch-btn" username="gh_877d1674f00e" path="/page/index/index">
                <template></template>
            </wx-open-launch-weapp>
        </div>
        <div id="desktop-web-container" class="full desktop-web-container">
            <p class="">请在手机打开网页链接</p>
        </div>
        <video></video>
    </div>


</body></html>

此代码为跳转页代码，文件都是微信官方JS文件

尼趣网络
关注
专栏目录
wxmlcanvas-v2小程序生成图片
08-14
在微信小程序开发中，生成图片是一项常见的需求，例如用于截图、生成二维码或者数据可视化等场景。`wxmlcanvas-v2` 提供了一种解决方案，它是一个小程序组件库，专门用于帮助开发者在小程序环境中动态生成图片。这个...
微信小程序怎么弄成链接_教你设置小程序链接地址
热门推荐
weixin_39881387的博客
12-20 3万+
在轻应用小程序中设置链接地址可以实现页面的跳转，带用户轻松去往各个页面。其中，能够设置链接的元素丰富多彩，比方说图片、文字等，设置链接的类型究竟有哪些，怎么设置呢？下面听小编娓娓道来。小程序里面为用户提供的链接设置类型就包括了文章、分享、智能名片、页面、地址、服务、电话、高级链接等8种类型。到底每一种类型都是如何设置链接地址的呢？往下看。1、文章地址链接在轻应用小程序管理后台，点击需要添加文章地址...
小程序如何转成链接
mrs_xyz的博客
03-10 6725
最开始的版本中，小程序可以通过【分享】——【复制链接】这种方式，获取到小程序的链接，但是现在这种方式已经不行了，别说是复制链接，现在只有分享给朋友，分享后就是卡片式的小程序页面。 一方面，确实让小程序的展示页面变得更加丰富多彩。但是另一方面，也让小程序少了许多可能，营销、裂变和涨粉的可能。 因为不是链接，所以短信或者其他平台里，都无法推广自己的小程序。 这样的话，小程序的用户量就很难做起来。 那么，小程序转成链接真的不可以吗？ 答案是否定的。 我正在使用的一款第三方工具爱短链，就能够实.
小程序跳转外部链接
最新发布
m0_57036170的博客
09-20 347
如果链接过长会被截断，则可以使用Storage存储来获取链接。
小程序生成外链【url_link】版
阿新的博客
11-04 553
小程序生成外链
小程序链接生成
weixin_40466351的博客
06-27 1275
小程序链接生成
微信小程序通过外链跳转网址打开小程序
m0_67273164的博客
03-08 6501
微信小程序从短信或者其他地方通过地址跳转打开微信小程序有两种方法，一种是通过url scheme跳转打开，一种是通过url link跳转打开，都需要access_token，接下来就说说这两种方法
VUE使用 wx-open-launch-app 组件开发微信打开APP功能
hahahhahahahha123456的博客
11-03 1万+
template.vue: <template> <div class="page"> <div class="container"> <div class="btn-group" @click="launch" v-if="wechatState"> <wx-open-launch-app id="launch-btn" :extinfo="dataStr" ...
uni-app 编译后微信h5打开APP，并且打开相应的页面
还是叫我官人吧
07-09 2469
最近感觉高产似奶牛啊..一天写一个 现在有一个需求，App分享出来的页面需要在页面底部加一个浮窗 “APP查看” 就跟某乎一样 并且能打开"APP相应的页面" 先查一下资料 1、iOS的APP是可以通过 "universal link"（通用链接） 这个东西打开的 你的APP只要配过微信分享，微博分享 那你的APP应该就集成好了通用链接的 所以在微信里面iOS是可以打开APP的，稳得很 直接 var url=通用链接地址; var path=跳转参数 location.hre..
微信小程序二维码生成器
04-21
微信小程序二维码生成器是一款便捷的在线工具，专为微信小程序设计，能够将网址转换成二维码，便于用户快速扫描访问。这个工具的使用方法简单，功能却十分实用，无论是对于小程序的开发者还是普通用户，都能提供极大...
小程序扫描普通链接二维码跳转小程序指定界面方法
10-17
在微信小程序开发中，有时我们需要实现一个功能，即用户通过扫描普通链接的二维码，能够直接跳转到小程序的特定页面，并且在跳转时能够传递参数。本文将详细讲解这一过程，帮助开发者解决疑惑。 首先，要理解微信小...
网页跳转直接打开小程序代码
03-17
微信小程序较麻烦，且生成的链接有效期为30天，且每个链接只能点击一次，所以，每次用都要重新生成一次，好在每天都能生成50万条，不用担心数量限制。 部门代码如下 $options = array( 'http' => array( 'method' ...
公众号生成关联小程序
11-16
公众号生成关联小程序--
小程序跳转h5页面.rar
12-18
使用tarojs生成微信小程序，实现小程序跳转h5页，或者跳转小程序，需要配置需要跳转的小程序openid，之后再需要跳转的页面将url带入webview中，动态概念webview中的url，并将webview中的url与视图关联，达到预期效果...
微信小程序动态生成二维码的实现代码
10-18
在微信小程序中实现动态生成二维码的功能是当下移动开发中较为常见的需求之一，尤其适用于那些需要将二维码作为动态信息载体的场景，如动态的一次性密码、分享链接等。实现这一功能涉及了微信小程序的前端页面设计、...
小程序/h5生成二维码方法
10-31
小程序生成二维码主要涉及到以下几个步骤： 1. **数据编码**：你需要将要跳转的小程序页面路径或者参数编码成URL格式，这是生成二维码的基础数据。 2. **调用微信API**：微信提供了生成小程序二维码的API，如`wx....
记一下最近做的h5网页跳转小程序
_小郑有点困了的博客
01-30 295
最近项目有个需求，接入腾讯视频通话，于是就做了个视频通话的小程序，目的是小程序这端发起通话与pc客服进行实时视频通话。但是我们的业务是在h5端进行跳转小程序，于是乎就来研究这个，实际上这部不难，只是因为项目依赖框架以及开发模式多了很多不必要的麻烦。废话不多说，介绍怎么跳转的。 博客已经很多大佬做过了，也算是踩着巨人的肩膀进行开发，没啥过多麻烦。 参考这个博主：https://xiabing.blog.csdn.net/article/details/108082246 我的效果图： 1，首先域名问题 登录
【微信小程序】web-view 无法打开该页面不支持打开
m0_68324632的博客
11-15 2万+
本文相关文献： https://developers.weixin.qq.com/community/develop/doc/00084a350b426099ab46e0e1a50004?%2Fblogdetail%3Faction=get_post_info 问题： 小程序开发时遇到了一个问题 我在正式上线版小程序使用 web-view 组件测试时提示：“无法打开该页面，不支持打开 https://xxxxxx，请在“小程序右上角更多->反馈与投诉”中和开发者反馈。” 奇怪的是，“真机调试”、
webview 个人小程序_关于微信小程序webview的使用
weixin_39757265的博客
12-20 627
小程序微信小程序是一种全新的连接用户与服务的方式，它可以在微信内被便捷地获取和传播，同时具有出色的使用体验。同时提供一系列工具帮助开发者快速接入并完成小程序开发。关于如何注册配置就不多言了，本文主要还是体验了下web-view的功能。web-view详解有了这个组件之后，小程序可以很好的嵌入一些页面，可以环境小程序size告急的问题，同样也使开发更加便捷，毕竟小程序开发者基本都对前端开发较为了解。...
生成小程序url链接
09-22
生成小程序的URL链接需要以下几个步骤。...总结起来，生成小程序的URL链接包括登录微信公众平台，获取access_token，使用URL Scheme规则将小程序的AppID和路径转换为URL链接，最后放置在需要跳转的地方即可。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

尼趣网络

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值