# uni-2305

**Repository Path**: connerljlx_admin/uni-2305

## Basic Information

- **Project Name**: uni-2305
- **Description**: 2305班uniapp项目
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-01-15
- **Last Updated**: 2024-01-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 代码目录
```
pages // 存储 页面代码 页面遵循vue单文件组件
static // 存储的是开发用到的静态资源
unpackage // 存储的是不同平台 打包后  代码包
App.vue // 根组件
index.html // spa的 html文件
main.js // vite的入口文件
mainfest.json // uniapp 的配置文件 打包时的配置
pages.json // 项目开发配置
uni.scss // 定义好的全局scss变量，可以在任意一个页面 直接使用
```
# 开发规范
+ 单页使用单文件组件
+ 组件使用小程序， 全局api使用小程序 wx.改为uni.
+ 页面的生命周期、路由小程序api
+ 其他全是vue

# 条件编译
当我们使用uniapp 开发多个平台代码时，由于环境不同 不同平台支持api、交互等是不同的
举例
 1 分享时 小程序不支持 api分享（且只能分享到微信） app支持api分享到 微博、qq、微信
 2 登录时  小程序一键微信授权登录  h5不行 app支持 第三方登录（微信、qq、微博、一键登录）
 
意味着一套代码 不同平台运行时， 运行不同的代码 （判断当前代码运行的平台，决定执行哪一段代码）
##  基础语法
判断是否属于某个条件
```
#ifdef 条件
	代码
#endif
```
判读是否不属于某个条件
```
#ifndef 条件
	代码
#endif
```
+ 在template定义 条件编译
```html
<!-- #ifndef 条件 -->
	代码
<!-- #endif -->
```
+ js
```js
// #ifndef 条件
	代码
// #endif 
```
+ css
```css
/* #ifndef 条件 */
	代码
/* #endif */
```
条件：
	值	生效条件	版本支持
	VUE3	uni-app js引擎版用于区分vue2和3，详情	HBuilderX 3.2.0+
	VUE2	uni-app js引擎版用于区分vue2和3，详情	
	UNI-APP-X	用于区分是否是uni-app x项目 详情	HBuilderX 3.9.0+
	uniVersion	用于区分编译器的版本 详情	HBuilderX 3.9.0+
	APP	App	
	APP-PLUS	uni-app js引擎版编译为App时	
	APP-PLUS-NVUE或APP-NVUE	App nvue 页面	
	APP-ANDROID	App Android 平台 详情	
	APP-IOS	App iOS 平台 详情	
	H5	H5（推荐使用 WEB）	
	WEB	web（同H5）	HBuilderX 3.6.3+
	MP-WEIXIN	微信小程序	
	MP-ALIPAY	支付宝小程序	
	MP-BAIDU	百度小程序	
	MP-TOUTIAO	抖音小程序	
	MP-LARK	飞书小程序	
	MP-QQ	QQ小程序	
	MP-KUAISHOU	快手小程序	
	MP-JD	京东小程序	
	MP-360	360小程序	
	MP	微信小程序/支付宝小程序/百度小程序/抖音小程序/飞书小程序/QQ小程序/360小程序	
	QUICKAPP-WEBVIEW	快应用通用(包含联盟、华为)	
	QUICKAPP-WEBVIEW-UNION	快应用联盟	
	QUICKAPP-WEBVIEW-HUAWEI	快应用华为
	
# uniapp打包成app
常见配置  mainfest.json

# uniapp 开发app 常见注意事项
+ 开发app 授权登录流程 （微信授权登录流程）
+ 自定义基座真机预览 （为什么要自定义基座预览）
+ app和小程序 或者 h5常见兼容性问题  如何处理这些兼容问题
+ 微信支付流程 （微信小程序中微信支付流程，  uniapp开发app微信支付流程）