平台兼容性分析:阿里云、腾讯云、支付宝云等与 Vue2、Vue3 的适配情况

2024-07-13
来源:网络整理

首次发布,不再更新,因为框架太重,很多东西都没用,删不掉,失败,想用的话可以搜索

平台兼容性 阿里云 腾讯云 支付宝云

×

×

App快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序

3.4.3

×

×

×

×

×

×

钉钉小程序 快手小程序 飞书小程序 京东小程序

×

×

×

×

H5- 微信浏览器()QQ浏览器()C-

×

×

×

×

×

×

×

×

×

云函数插件通用教程

使用云函数插件前提是使用2.9+版本

视频介绍

注意:视频可能有延迟问题,仅供初学者使用。有关最新完整功能,请参阅以下文档

介绍

uni-是一个基于云端的综合应用快速开发的基础项目模板,集成了大量商业项目的常用功能。

APP有很多常用的功能,比如登录注册,头像,设置等,uni-把这些功能都集成了起来。

只需在新项目中选择统一模板,然后即可在此基础上快速开发您自己独特的业务。

通过uni-,以及生成前端页面,可以快速完成一个简单的应用程序。

如果说uni-是管理端项目的基本项目模板,那么uni-就是用户端,特别是移动端的基本项目模板。

uni-+为用户端和管理端提供了基础项目模板,应用开发从未如此简单快捷!

扫码体验:h5版本演示效果(链接:)

微信小程序开发ide_微信小程序编程开发_微信开发者工具开发小程序代码

uni-包含: 用户管理: 系统设置: 隐私权限:内置先弹出隐私协议对话框,再向用户申请设备权限 权限引导:当应用拒绝授权某些权限,但后续使用需要此权限;此时实现:引导用户“一键跳转系统设置”开启。 实用功能 性能更佳:首页采用nvue,快速编译模式,加快App端启动速度 内置拦截器: 自动完成:快捷体验 部署流程 1.打开。运行云服务空间初始化向导

功能模块介绍 1.登录模块登录类型说明

验证码登录

读取手机SIM卡,一键登录

使用用户名和密码登录

微信登录

苹果登录

配置文件:项目根目录/uni-..js

{ "router":{ "login":["username","smsCode"] } }

启用登录方法

上面例子中的配置为:["",""],表示启用:验证码登录和账号密码登录。

同样的配置为:["","",""],代表开启:微信登录、验证码登录、账号密码登录。

摘要:仅列出需要的项目。

优先事项

在uni-中执行uni.({url: "///-page//"}),会根据配置跳转到对应的登录页面,如配置内容为:["",""],则会自动跳转到“配置0,即登录方式类型对应的页面”,即账号登录方式页面,路径:///-page/pwd-/pwd-

特定于平台的配置

这里支持条件编译,可以配置不同平台的登录方式,下面的配置表示只在APP端开启“短信验证码登录”。

"login": [ "username","univerify","weixin","apple" // #ifdef APP-PLUS "smsCode", // #endif ]

有效策略

如上所示,登录方式共有 5 种,你可以根据需要在配置中列出几种登录方式。但是有些登录方式可能因为设备环境问题而不支持;比如你正确配置了微信登录,但是用户的手机没有安装微信,微信登录功能就无法使用。而这种情况会导致你的应用被 iOS App 拒绝。所以这里我们的有效性策略在检查你是否列出某项配置项的前提下,增加了当前环境是否支持的检查,如果不支持则自动隐藏。

在uni-app框架中配置:

在应用模块中:.json 应用模块配置-->(登录认证)-->勾选并配置自己需要的模块

服务器配置

uni- 使用 uni-- 来统一管理这些配置,文件路径为 //uni--////uni--/uni-id/.json,详情如下,uni-id 配置说明

2.路由拦截应用场景

有些页面是只有登录用户才能访问的,通常的做法是在打开这类页面前先检查(前端验证)的值是否有效,如果无效则自动跳转到登录页面。这类页面很多,入口也很多,面向过程的写法会产生很多代码冗余,不便于维护。Uni- 基于拦截器(uni.),提供简单配置即可实现路由拦截功能。

配置

支持两种模式(二选一)

黑名单模式

列出强制登录的页面完整路径(支持正则表达式)

白名单模式

列出无需强制登录即可访问的页面的完整路径(支持正则表达式)

配置示例

配置文件:项目根目录/uni-..js

"router": { "needLogin" : [ {pattern:/^\/pages\/list.*/}, //支持正则表达式 "/uni_modules/uni-news-favorite/pages/uni-news-favorite/list", "/uni_modules/uni-feedback/pages/uni-feedback/add" ], /* 请注意上下,黑名单(needLogin)、白名单(visitor)两种配置模式二选一不可同时使用 */ "visitor" : [ "/",//注意入口页必须直接写 "/" {"pattern":/^\/pages\/list.*/}, //支持正则表达式 {"pattern":/^\/pages\/ucenter\/login-page.*/}, "/pages/common/webview/webview", "/pages/grid/grid", "/pages/ucenter/ucenter", "/pages/ucenter/about/about", "/pages/ucenter/settings/settings" ] }

优势:

传统的路由管理方式是对uni-app框架的路由写法的二次封装,自定义的写法不支持IDE的代码提示,不够优雅。另外,不同的插件作者封装的路由管理方式也不同,在插件和用户的项目结合时,需要抹平路由写法的差异,为此uni-基于uni(拦截器)实现了路由管理。

注:3.h5版本引导用户在页面顶部点击下载App

将用户从h5端引导到APP端是一个非常实用的功能,APP端相较于h5,用户留存更高,产品体验更好。uni-已经集成了该功能,只需要在项目根目录/uni-..js中的“h5”->“”配置相关内容,即可开启全局浮动下载引导。这也是一个示例,演示开发者如何在h5端制作全局浮动块。你也可以在//.js中修改其样式等代码。注意,仅支持原生js语法。

分享