# work

**Repository Path**: Dogw/work

## Basic Information

- **Project Name**: work
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-11-12
- **Last Updated**: 2024-11-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# work

## Project setup
```
yarn install
```

### Compiles and hot-reloads for development
```
yarn serve
```

### Compiles and minifies for production
```
yarn build
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).




安装 环境
npm install -g @vue/cli

创建uni-app

vue create -p dcloudio/uni-preset-vue 项目名称
cd work 进入 work项目
yarn serve


源生APP (android / ios) 优点：直接去接触到底层代码，没有任何系统限制 缺点：android / ios 得需要招聘人手 成本问题

混合App 优点：开发周期短，一套代码可以打包出来多个种类应用(廉价) 缺点：app权限有短板，性能和源生app没得比

优势： App要求(规模大 小) 从成本角度来考虑

uniapp -> vue2/3框架 (web/h5/小程序(第三方 各大厂商)/混合app)

vue + 小程序 = uniapp

小程序 支付宝、微信、头条、QQ、百度、抖音 微信小程序：web <内嵌的web> web: html + css + js 微信小程序：wxml + wxss + js + wxs

uniapp + hbuilderX = Dcloud

全局安装 vue-cli npm install -g @vue/cli yarn add global @vue/cli

dev/npm/

project git仓库

vue create -p dcloudio/uni-preset-vue 项目名称

vue create -p dcloudio/uni-preset-vue work

项目 产品防伪码查询

npm run dev 本地开发 npm run build 打包

npm run dev:平台名字

npm run dev:h5 web端 npm run dev:mp-weixin 微信小程序 npm run dev:app-plus 混合app

uniapp 路由 => pages.json 路由文件

pages 选线下 默认的第一个元素 就是 应用 默认首页

package.json npm 依赖包文件 pages.json 应用中页面的配置文件 manifest.json 框架的配置文件

npm run dev:mp-weixin npm run dev:app-plus

真机调试 模拟器调试

应用生命周期 App -> App.vue

页面生命周期 A页面 -> B页面

Vue生命周期 vue2/vue3

安装UI框架 uviewui https://www.uviewui.com/components/npmSetting.html

// 安装sass yarn add sass@1.77.2 -D    npm i sass -D

// 安装sass-loader，注意需要版本10，否则可能会导致vue与sass的兼容问题而报错 yarn add sass-loader@10 -D   npm i sass-loader@10 -D

安装uviewUI yarn add uview-ui@2.0.38 -D    npm install uview-ui@2.0.38

在uniapp当中不用去使用html标签 因为不支持 小程序




uni -> uniapp $u u-button -> uviewui

小程序当中，所有发出去的请求，必须是 https的请求协议. http是不允许，但是本地是可以去发送这类的请求。 如何设置本地使用http进行访问

Vue 购买商品 -> 防伪码 Uniapp 扫码

后端接口 前端请求 uni. -> uniapp uni.request(OBJECT) uni.request(OBJECT) == ajax({})



登录 小程序：授权登录 -> ->调用微信小程序登录接口 -> 得到临时凭证code(有效期：5分钟) -> 服务器后端PHP -> (code/AppID(小程序ID)/AppSecret(小程序密钥)）-> 调用微信官方接口，来换取一样 openid 这个值 是我们微信用户 在 小程序 唯一ID -> 根据openid 查找business用户 找到：更新绑定 update openid 没找到：注册绑定 insert into 插入语句 openid

H5和App：账号登录 -> 调用接口 -> business -> 有账号就登录，没账号就注册
FastAdmin easywechat 插件 php 对接微信API的一个SDK  EasyWeChat 是fastadmin里面调用微信小程序接口的一个文档

小程序 允许打开20个界面 navigateTo 保留当前页面，跳转到应用内的某个页面，使用uni.navigateBack可以返回到原页面。

uni.redirectTo 关闭当前页面，跳转到应用内的某个页面。

uni.reLaunch(OBJECT) 关闭所有页面，打开到应用内的某个页面。

uni.switchTab(OBJECT) 跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面。

如果你的项目是基于web的话 就可以用 cookie 但是如果是小程序 或者 是 app 的话 就不是 cookie android ios -> sqlite localstorage