小程序链接转换成网页链接怎么弄？

小程序链接是指在微信中打开的小程序的链接，一般以wxp开头。而网页链接则是指以http或https协议开头的链接。有时候我们需要将小程序链接转换成网页链接，比如在微信公众号中分享小程序链接时，因为有些用户无法打开小程序，所以需要提供网页链接给他们。

小程序链接转换成网页链接的原理其实很简单，就是将小程序链接中的appid和path参数提取出来，并拼接到一个新的网页链接中。下面详细介绍一下具体的步骤。

1. 提取appid和path参数

小程序链接的格式一般是：wxp://xxx/xxx?appid=xxx&path=xxx，其中xxx表示具体的参数值。我们需要提取出这个链接中的appid和path参数。可以通过以下代码来实现：

```

function getParamsFromUrl(url) {

var params = {};

var index = url.indexOf('?');

if (index != -1) {

var queryStr = url.substr(index + 1);

var pairs = queryStr.split('&');

for (var i = 0; i < pairs.length; i++) {

var pair = pairs[i].split('=');

params[pair[0]] = pair[1];

}

}

return params;

}

var url = 'wxp://xxx/xxx?appid=xxx&path=xxx';

var params = getParamsFromUrl(url);

var appid = params.appid;

var path = params.path;

```

2. 拼接网页链接

得到appid和path参数后，我们可以将它们拼接到一个新的网页链接中。新的网页链接的格式可以根据具体的需求来定，比如可以将appid和path参数分别作为query参数添加到网页链接中，也可以将它们拼接到网页链接的路径中。以下是一些可能的实现方式：

方式一：将appid和path参数分别作为query参数添加到网页链接中

```

var webUrl = 'http://example.com/?appid=' + appid + '&path=' + path;

```

方式二：将appid和path参数拼接到网页链接的路径中

```

var webUrl = 'http://example.com/' + appid + '/' + path;

```

3. 转换成可点击的链接

得到新的网页链接后，我们需要将它转换成可点击的链接，让用户可以直接点击打开。可以通过以下代码来实现：

```

var a = document.createElement('a');

a.href = webUrl;

a.innerHTML = '点击打开';

document.body.appendChild(a);

```

以上代码会在页面中添加一个链接，当用户点击该链接时，会自动跳转到新的网页链接。

总结

将小程序链接转换成网页链接的步骤包括提取appid和path参数，拼接网页链接，以及将网页链接转换成可点击的链接。虽然这个过程很简单，但在实际开发中还需要考虑一些细节问题，比如如何处理特殊字符、如何将网页链接复制到剪贴板等等。希望本文能够对你有所帮助。