最近,有客户委托我们开发一个手机网站,要求在网站上实现“一键复制微信号并自动打开微信加好友”的功能。那么我们该如何实现这个功能呢?

首先,我们需要在网页上设置一个按钮,按钮上显示客户的微信号。当用户点击该按钮时,可以使用 JS 脚本自动复制微信号,并打开微信应用。

实现方法:

 

1. 在按钮上绑定点击事件,事件触发时调用复制微信号的 JS 方法。可以使用 HTML5 的 navigator.clipboard.writeText() 方法进行复制。

 

2. 复制成功后,使用 JS 打开微信应用。在 Android 系统上可以调用 intent 打开微信:"intent://weixin/#Intent;scheme=weixin;package=com.tencent.mm;end"。在 iOS 上可以使用 location.href="weixin://"; 打开微信。

 

3. 打开微信应用后,用户就可以直接在微信的“添加朋友”页面看到刚才复制的微信号,进行添加请求。

 

4. 由于跨域问题,手机网站调用微信应用时可能会有限制。我们需要在服务器端进行一定的设置,比如在 response header 中设置 "Access-Control-Allow-Origin" 来允许跨域请求。

 

通过上述方法,我们就可以实现在手机网站上“一键复制微信号并自动打开微信加好友”的功能。