抖音跳转微信/QQ/网页H5源码程序-附搭建教程

功能

  • 抖音卡片跳转 微信
  • 抖音卡片跳转 qq
  • 抖音卡片跳转 微信公众号
  • 抖音卡片跳转 指定网页链接
  • 快手跳转 微信
  • 快手跳转 qq
  • 快手跳转 微信公众号
  • 快手跳转 指定网页链接
  • 小红书跳转 微信
  • 小红书跳转 qq
  • 小红书跳转 微信公众号
  • 小红书跳转 指定网页链接
  • h5浏览器跳转 微信
  • h5浏览器跳转 qq
  • h5浏览器跳转 微信公众号
  • h5浏览器跳转 指定连接
  • 微博跳转 微信
  • 微博跳转 qq
  • 微博跳转 微信公众号
  • 微博跳转 指定连接

先上图,看效果(后面有源码和搭建教程)

b669f2db5ac35f4d44f6eb4ea89c434.jpg

后台管理界面

image.png

image.png

手机上跳转效果

image.png

f73c4225468f92484f85e69d9d7d02a.jpg

抖音跳转微信 源码搭建教程

准备工作

  1. 域名,服务器(如果服务器是中国大陆的,需要备案)
  2. 程序服务端后台项目代码
  3. 小程序项目代码
  4. 如果需要跳转到加微信,需要以下资料
    1. 企业资质认证的微信小程序
    2. 域名需要备案,因为微信小程序用的域名必须备案
  5. 附加:如果你只是想跳转到自己一个人的微信二维码,可以不用企业资质(这个没单独开发,如果有这个需求的个人,可以单独联系我)

代码下载

服务端后台代码下载地址

下载地址 https://gitee.com/dot2-com/douyin-kapian

image.png

小程序端代码(如果不跳转微信,可以不用安装小程序代码)

下载地址 https://gitee.com/dot2-com/qrcode-mini

image.png

安装步骤

如果嫌麻烦不想自己动手安装,可以使用钞能力找我,打骨折价100一次。

购买服务器

选购阿里云服务器 保姆级图文教程 https://blog.noxue.com/tutorial/d9a11d02e76742baa38796be957bb0f3.html

购买域名并备案

记得购买域名在阿里云,备案也要在阿里云,因为服务器是阿里云的。

如果不想备案,可以联系我们,使用我们的域名。我们免费提供备案的域名。(业务一定要合法)

连接服务器后,安装宝塔

如果服务器上已经安装宝塔,忽略这一步

  1. 注册宝塔账号 https://www.bt.cn/?invite_code=MV95a2lvcWk=
  2. 宝塔安装地址 https://www.bt.cn/new/download.html
  3. 滚动条下拉,找到这个位置,输入服务器ip,密码,即可自动安装。 image.png 服务器ip在阿里云ecs页面可以获取到,密码在购买的时候设置过 image.png image.png 点击安装后,一直等到出现这个界面为止 image.png

登录宝塔,安装程序

根据上方安装之后的登录地址和账号密码登录宝塔

image.png

如果无法访问,可能是没开8888端口 点击这个教程打开端口 https://blog.noxue.com/tutorial/f5695d53807a4f409707978d7f786590.html

  • 登录后输入你前面注册的账号登录宝塔 image.png

  • 进入服务器 /root 目录 image.png

  • 上传文件到服务器 image.png

  • 上传成功后关闭弹出框 image.png

  • 登录服务器命令行(第一次登录需要密码) image.png

  • 登录后大概这个效果 image.png

  • 解压文件的命令

tar zxvf qrcode.tar.gz

image.png

  • 解压命令执行后的效果 image.png

  • 进入到代码所在目录 image.png

  • 查看项目代码文件 image.png

  • 运行命令 安装项目 image.png

到此未知,程序运行起来了,接下来我们创建网站,让用户可以访问到

解析域名到服务器,再创建网站,用户可以通过域名访问

  • 在阿里云后台找到域名管理面板 image.png

  • 找到域名 image.png

  • 点击解析 image.png

  • 解析域名到ip image.png 填写完毕后点击右下角确认

  • 解析之后效果如下 image.png

在宝塔后台创建网站,这是最后一步了

  • 创建网站 image.png

  • 申请 ssl 证书,让网站支持 https 请求 image.png

  • 申请中,不用操作 image.png

  • 搞定ssl证书 image.png

  • 创建反向代理 image.png

  • 登录后台,默认密码 dot2.com image.png

  • 修改后台密码 image.png

总结

  1. 准备服务器,域名,程序
  2. 安装宝塔
  3. 上传后台程序,运行
  4. 解析域名到服务器
  5. 安装ssl
  6. 创建反向代理,让用户可以访问