Uni-app 笔记三 (陪诊项目)

/**
 * @author wn
 * @date 2024/03/01 10:35:39
 * @description: 陪诊项目笔记
 */
/*
1 获取当前实例  this
  const app = getApp()

2 每一个页面 都可以访问到 的 全局

App.vue 中新起一个 script

import userInfo from '@/utils/UserInfo'
<script>
export default {
	// 每一个页面 都可以访问到 的 全局
	globalData: { userInfo },
}

onLaunch  中 实现也可以

</script>

使用页面
const app = getApp()
onLoad(() => app.globalData.userInfo.getUserInfo())

3 页面通讯
  在 需要获取数据的 页面 --> 创建监听全局事件
  const clientName = ref('')
  uni.$on('clientChange', data => (clientName.value = data))

  在另一个页面 触发 该事件 传递参数 --> 触发全局自定义事件
  @tap="onClientSelected(item)"

  const onClientSelected = client => {
	// 触发全局自定义事件
	uni.$emit('clientChange', client)
	uni.navigateBack()
}

4 选择微信设置的收货地址
  1 manifest.json 中  配置 requiredPrivateInfos
  	"mp-weixin": {
		"appid": "wxab9f20a60cc7b037",

		// 自 2022 年 7 月 14 日后发布的小程序，使用以下8个地理位置相关接口时，需要声明该字段
		"requiredPrivateInfos": [
			"getLocation",
			"chooseAddress"
			// "onLocationChange",
			// "startLocationUpdateBackground"
		]
	},
  2 调用 API
  uni.chooseAddress({
    success(res){},
    fail(res){}
  })

5 url 生成 二维码
  uQRCode
  里面有 各种场景下的使用方式 比如 uni-app  用例中  非组件中 可以去掉 this

6 打电话
  uni.makePhoneCall({
	  phoneNumber: '114' //仅为示例
  });

7 分享 share -- 触发用户转发
  <button open-type="share" />

8 地图
  腾讯位置服务提供
  路线规划、
  地图选点、
  地铁图、
  城市选择器
  四款插件

  按照文档配置即可  需要注意
  1 配置在 pages.json 中
  // 地图插件 -- 路线规划插件
	"plugins": {
		"routePlan": {
			"version": "1.0.18",
			"provider": "wx50b5593e81dd937a"
		}
	}

  2  配置在 manifest.json 中 -- mp-weixin 中
  		"permission": {
			"scope.userLocation": {
				"desc": "你的位置信息将用于小程序定位权限开通"
			}
		}

  3 腾讯 key 需要开通 webServiceApi

9 baseUrl https 方面配置
  1 微信公众平台 -- 2 开发 开发管理 -- 3 服务器域名 -- 4 request 合法域名 添加
*/