# wechat-redirect

**Repository Path**: santree/wechat-redirect

## Basic Information

- **Project Name**: wechat-redirect
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-06-24
- **Last Updated**: 2021-06-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### 目前206伪装微信已经屏蔽 项目方法不再生效


# 🍿 WHY 
 来自产品需求,在微信中希望用户点击我们的推广链接直接去下载App，
 一通搜索之后发现全是国内商家提供的收费服务，xxx一个月的api服务费，x万卖源码(不信可以搜一下相关关键字)。
 这么个小功能收费？！不可能（qiong~...）。
 搜索引擎翻了大概几十页结果都没具体方案，大概满足需求的情况下，最后把代码推上来，方便交流取阅🙌。


🌰**新增微信浏览器唤起APP例子**
微信预览:[http://wxredirect.jslab.fun/call-app](http://wxredirect.jslab.fun/call-app)

🌰**[查看完整demo](http://wxredirect.jslab.fun)**


<img src="./example/front/public/resource/demo_mobile_1.png"  style="max-width: 200px;" />


 - ⚠️ 此站点只供demo演示，请勿将demo生成的url带入真正业务链中
 - 🛠你现在可以[快速部署demo站点到自己的服务器](./DEPLOY.md)


# 🎨 应用场景

APK微信自动下载
 - andorid微信里面，直接下载应用
 - 在IOS里面，提示跳转到IOS应用市场

绕过微信浏览器跳出限制
 - 在andorid微信浏览器中直接打开用户自带浏览器
 - ios正常遮罩提示（demo是纯文本提示，可以配合前端页面一起食用）

# 📌 CORE CODE
```javascript
/*
* 通过设置状态码**206**和伪装头部Content-disposition 
* 绝大部分文章都没有提到206这一点
* 导致实现不了效果
*/
res.setHeader('Content-disposition', 'attachment;filename=open.apk');
res.setHeader('Content-type', 'text/plain; charset=utf-8');
res.removeHeader('If-None-Match')
res.removeHeader('If-Modified-Since')
res.statusCode = 206
```

# ✍️ Develop Or Contributor
docker用户:
```bash
npm run docker
# http://localhost:3000 dev地址
```
非docker用户:
 - redis
 - nodejs 
 - npm(yarn)

开启redis服务，安装和文档移步[redis page](https://github.com/antirez/redis)
```bash
# demo使用默认配置
redis-server
```
开启api服务，nodejs安装和文档[nodejs page](https://github.com/nodejs/node)
```bash
# 安装依赖
npm install
# 开启服务
npm start
```
编译前端模版(create-react-app, 基于react的脚手架) 相关文档: [react](https://github.com/facebook/react),  [create-react-app](https://github.com/facebook/create-react-app)
```bash
# 进入目录
cd example/front
# 安装依赖
npm install
# 编译
npm run build
```

# 📖TODO
下面功能查询了相关资料，都没有找到满意都答案，大都是通过hack ticket进行伪装，如果你有好的实现或想法，欢迎交流～
  - [ ] app直接打开wechat浏览器
  - [x] wechat浏览器直接打开app（跳出wx，之后再通过本地浏览器进行app唤起，依赖[callapp-lib](https://github.com/suanmei/callapp-lib)实现）


UI方面
  - [ ] IOS微信浏览器提示页