微信mp-weixin
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
|
ログイン
]
開始行:
[[uni-app]]
&color(red){※前提条件：vue3 的uniapp开发};
#contents
* 微信小程序的开发准备工作 [#g6aaa73c]
登录下面网址申请所需的
- AppID(小程序ID)
- AppSecret(小程序密钥)
https://mp.weixin.qq.com
** 配置流程 [#ud237ddc]
服务器域名请在 「小程序后台 - 开发 - 开发设置 - 服务器域...
- 域名只支持 https (wx.request、wx.uploadFile、wx.downloa...
- 域名不能使用 IP 地址（小程序的局域网 IP 除外）或 localh...
- 可以配置端口，如 https://myserver.com:8080，但是配置后...
- 如果不配置端口。如 https://myserver.com，那么请求的 URL...
- 域名必须经过 ICP 备案；
- 出于安全考虑，api.weixin.qq.com 不能被配置为服务器域名...
- 不支持配置父域名，使用子域名。
** 总体思路 [#tf14c5fe]
- 创建Vuex进行状态管理（可根据实际需求自行选择是否使用）
- 创建一个登录按钮并添加触发事件
- 调用官方uni.getUserProfile() 接口获取用户信息
- 调用官方uni.login() 接口获取临时登录凭证code
- 调用后端的登录接口将code 传过去获取token 值
- 登录成功！渲染用户信息到页面中
- 创建一个退出登录按钮并添加触发事件
- 清空 vuex 中的 userinfo和token
- 退出成功！跳转到其他页面
* 微信小程序的设置 [#i11a0708]
|属性|类型|说明|h
|appid|String|微信小程序的AppID|
|setting|Object|微信小程序项目设置，参考setting|
|functionalPages|Boolean|微信小程序是否启用插件功能页，默...
|requiredBackgroundModes|Array|微信小程序需要在后台使用的...
|plugins|Object|使用到的插件，详见|
|resizable|Boolean|在iPad上小程序是否支持屏幕旋转，默认关...
|navigateToMiniProgramAppIdList|Array|需要跳转的小程序列...
|permission|Object|微信小程序接口权限相关设置，比如申请位...
|workers|String|Worker 代码放置的目录。 详见|
|optimization|Object|对微信小程序的优化配置|
|cloudfunctionRoot|String|配置云开发目录，参考setting|
|uniStatistics|Object|微信小程序是否开启 uni 统计，配置方...
|scopedSlotsCompiler|String|Vue2 作用域插槽编译模式，uni-...
|mergeVirtualHostAttributes|Boolean|合并组件虚拟节点外层...
|embeddedAppIdList|Array|要半屏跳转的小程序appid。详见|
|requiredPrivateInfos|Array|地理位置相关接口。详见|
|lazyCodeLoading|String|目前仅支持值 requiredComponents，...
#codeprettify{{
XXX
}}
#hr();
Comment：
#comment_kcaptcha
終了行:
[[uni-app]]
&color(red){※前提条件：vue3 的uniapp开发};
#contents
* 微信小程序的开发准备工作 [#g6aaa73c]
登录下面网址申请所需的
- AppID(小程序ID)
- AppSecret(小程序密钥)
https://mp.weixin.qq.com
** 配置流程 [#ud237ddc]
服务器域名请在 「小程序后台 - 开发 - 开发设置 - 服务器域...
- 域名只支持 https (wx.request、wx.uploadFile、wx.downloa...
- 域名不能使用 IP 地址（小程序的局域网 IP 除外）或 localh...
- 可以配置端口，如 https://myserver.com:8080，但是配置后...
- 如果不配置端口。如 https://myserver.com，那么请求的 URL...
- 域名必须经过 ICP 备案；
- 出于安全考虑，api.weixin.qq.com 不能被配置为服务器域名...
- 不支持配置父域名，使用子域名。
** 总体思路 [#tf14c5fe]
- 创建Vuex进行状态管理（可根据实际需求自行选择是否使用）
- 创建一个登录按钮并添加触发事件
- 调用官方uni.getUserProfile() 接口获取用户信息
- 调用官方uni.login() 接口获取临时登录凭证code
- 调用后端的登录接口将code 传过去获取token 值
- 登录成功！渲染用户信息到页面中
- 创建一个退出登录按钮并添加触发事件
- 清空 vuex 中的 userinfo和token
- 退出成功！跳转到其他页面
* 微信小程序的设置 [#i11a0708]
|属性|类型|说明|h
|appid|String|微信小程序的AppID|
|setting|Object|微信小程序项目设置，参考setting|
|functionalPages|Boolean|微信小程序是否启用插件功能页，默...
|requiredBackgroundModes|Array|微信小程序需要在后台使用的...
|plugins|Object|使用到的插件，详见|
|resizable|Boolean|在iPad上小程序是否支持屏幕旋转，默认关...
|navigateToMiniProgramAppIdList|Array|需要跳转的小程序列...
|permission|Object|微信小程序接口权限相关设置，比如申请位...
|workers|String|Worker 代码放置的目录。 详见|
|optimization|Object|对微信小程序的优化配置|
|cloudfunctionRoot|String|配置云开发目录，参考setting|
|uniStatistics|Object|微信小程序是否开启 uni 统计，配置方...
|scopedSlotsCompiler|String|Vue2 作用域插槽编译模式，uni-...
|mergeVirtualHostAttributes|Boolean|合并组件虚拟节点外层...
|embeddedAppIdList|Array|要半屏跳转的小程序appid。详见|
|requiredPrivateInfos|Array|地理位置相关接口。详见|
|lazyCodeLoading|String|目前仅支持值 requiredComponents，...
#codeprettify{{
XXX
}}
#hr();
Comment：
#comment_kcaptcha
ページ名:
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
