![1b0387949a1f4ec77ed223cb70fb0a1f.png](https://img-blog.csdnimg.cn/img_convert/1b0387949a1f4ec77ed223cb70fb0a1f.png)
很多企业在将H5封装成app时,往往需要添加QQ和微信登录的功能,我们以微导流为例,来讲讲,H5封装成APP时该怎么添加微信和QQ登录。
使用:
- 微导流平台
方法/步骤
打开浏览器,搜索进入微导流平台,点击上方的“登录”,输入自己的账号名和密码,进行登录,如果没有账号可以用自己的手机号注册一个。
![d99fedcab1a57fcc4383477e14f74f9d.png](https://img-blog.csdnimg.cn/img_convert/d99fedcab1a57fcc4383477e14f74f9d.png)
![86211441dbdf180166ab620982bc1d88.png](https://img-blog.csdnimg.cn/img_convert/86211441dbdf180166ab620982bc1d88.png)
登录后,点击上方导航栏的“封装”,点击“立即封装”,进入封装页面,此时会弹出一个弹框,是一些关于封装的介绍,直接点击“确定”即可。
![60060a61731fccda4344d78db7eea1be.png](https://img-blog.csdnimg.cn/img_convert/60060a61731fccda4344d78db7eea1be.png)
![f0bd429b3e39757ba865992db095e637.png](https://img-blog.csdnimg.cn/img_convert/f0bd429b3e39757ba865992db095e637.png)
![8fd3288eec4b4625033c73955b7a04da.png](https://img-blog.csdnimg.cn/img_convert/8fd3288eec4b4625033c73955b7a04da.png)
进入封装页面后,可以看到封装的具体流程。依次输入应用名称和h5链接,设备类型和横竖屏可以根据自己的需要进行选择,然后点击“下一步”。
![0d3f06f40ec6ef1a59f660ac2b4fa059.png](https://img-blog.csdnimg.cn/img_convert/0d3f06f40ec6ef1a59f660ac2b4fa059.png)
进入选择图标和启动图的页面,可以上传自己事先准备好的图片,如果没有,可以点击“选择启动图”,选择平台提供的现成图片,还可以联系在线客服定制图片。选择显示时间,点击“下一步”
![123f3c2b30c4e23894710d80763bdbc7.png](https://img-blog.csdnimg.cn/img_convert/123f3c2b30c4e23894710d80763bdbc7.png)
![5f49abd17eaf3e33ea7de1e2630b6897.png](https://img-blog.csdnimg.cn/img_convert/5f49abd17eaf3e33ea7de1e2630b6897.png)
进入插件配置页面,根据自己的需求选择插件,这里我们选择“微信登录”和“qq登录”,点击“下一步”。
![2aa07b87ee31f50b177e0c81ae8b3c3f.png](https://img-blog.csdnimg.cn/img_convert/2aa07b87ee31f50b177e0c81ae8b3c3f.png)
选择有效期,平台提供1天免费试用期,点击“去支付”。
![5229b67d840319269522896dce22bd18.png](https://img-blog.csdnimg.cn/img_convert/5229b67d840319269522896dce22bd18.png)
成功后可以看到刚刚封装的APP,点击“生成安装包”,选择打包类型,点击“确定”,即可成功生成安装包。
![f398ca882124fc845d60c5d4ce29b417.png](https://img-blog.csdnimg.cn/img_convert/f398ca882124fc845d60c5d4ce29b417.png)
![088fa347c0cd376de47da8668fcf0d1f.png](https://img-blog.csdnimg.cn/img_convert/088fa347c0cd376de47da8668fcf0d1f.png)
点击下载即可。这样就成功封装了一个具有微信和QQ登录功能的APP。
![cd40d5cfeeb509d74ee91e53f2b9c887.png](https://img-blog.csdnimg.cn/img_convert/cd40d5cfeeb509d74ee91e53f2b9c887.png)
注意事项
- 如果想将h5封装成苹果APP,需要做企业签名才能安装,安卓则不需要
- 如果想定制图标和启动图,可以联系在线客服定制,微导流平台为你服务