- 理解ES6 Promise对象的使用,小程序前端使用频繁
- FastAdmin后台框架的基本安装环境(基本PHP环境即可,官方文档中可选环境要求可忽略),可以到FastAdmin官方文档查阅,项目后台使用了FastAdmin框架及框架中的开源第三方登录插件二开达到快速实现的效果。
https://www.jianshu.com/p/7414a543c622
-
-
Clone完整项目到本地。
-
新建一个站点域名,网站路径指向项目的 backend/public/
文件夹,更改hosts文件。
-
在浏览器中打开上一步创建的站点,进入安装向导。
-
安装完成后登录后台管理,在左侧导航栏中点击 插件管理,然后点击上方的 离线安装,然后选择项目中的 third-1.0.5.zip
压缩包,完成离线安装插件。
-
最后再到 插件管理 中的 本地插件,找到刚安装的 第三方登录 插件,点击右方操作 配置 按钮,在弹出框中 微信小程序 一栏输入自己的小程序app_id及app_secret,注意这里的app_id要与小程序前端中的appid一致。
![后台安装向导.jpg 后台安装](https://camo.githubusercontent.com/daf67451bc72e42f80085d716c5b6f0abb3786419e51188139df6eaea499bf59/68747470733a2f2f696d616765732e67697465652e636f6d2f75706c6f6164732f696d616765732f323031392f303330392f3135313630325f39393439343666325f313334393031342e6a706567)
![离线安装插件.jpg 离线安装插件](https://camo.githubusercontent.com/9780e03597ecca88556990894f64e35f4f82ae8a0e58875d0030c7d8123ae330/68747470733a2f2f696d616765732e67697465652e636f6d2f75706c6f6164732f696d616765732f323031392f303330392f3135313830335f33316263626239395f313334393031342e6a706567)
![配置插件信息.jpg 配置插件](https://camo.githubusercontent.com/e4240ffdde92314750263b039a91da05451453ffa1ba4500c3b24937fa5fe2b8/68747470733a2f2f696d616765732e67697465652e636f6d2f75706c6f6164732f696d616765732f323031392f303330392f3135313835355f38633230386330645f313334393031342e6a706567)
-
-
在微信开发工具中导入项目,目录指向项目的 frontend
文件夹,并更改Appid为自己的小程序Appid。
-
导入项目后,在app.js中修改 gData.api.request
域名为自己的后台站点域名。
-
全部安装完成,体验即可。
![导入项目.jpg 导入小程序项目](https://camo.githubusercontent.com/9e6a8f3883cb7ad947d7129021c028ed034fe43c57cc1db8fd6ca872f1670e77/68747470733a2f2f696d616765732e67697465652e636f6d2f75706c6f6164732f696d616765732f323031392f303330392f3135313935315f62396237626462335f313334393031342e6a706567)
在使用中遇到任何问题,可以通过以下方式联系我:
微信:
![wechatcard.jpg 微信名片](https://camo.githubusercontent.com/340e3c93d3e0a7029c8690442aef552ae70d2a2be762cd666fa57c5a4c501d26/68747470733a2f2f696d616765732e67697465652e636f6d2f75706c6f6164732f696d616765732f323031392f303330392f3135333330365f63656265386265645f313334393031342e6a706567)
Github: https://github.com/wuliang9524/mini_app_login
Gitee: https://gitee.com/wuliang924/demo_miniapp_login
本项目包含的第三方源码和二进制文件之版权信息另行标注。
未经本人允许,项目不得用于商业用途,否则造成的一切后果概不负责。