uniapp如何判断是哪个（微信、百度）平台的小程序

已于 2023-02-22 10:53:28 修改
阅读量933 收藏
点赞数 1
文章标签： 小程序 uni-app
于 2023-02-22 10:52:25 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shunyiyangchun/article/details/129158109
版权

其实大家在开发uniapp项目的时候长长会遇到这样一个问题，就是针对某些小程序，没发去适配相关的功能，所以要针对不同的平台，进行不同的处理，所以我也是在实战中发现了这个问题，特意查了很多地方才找到相关的内容，特此在该平台进行记录。

#ifdef ：      if defined  仅在某个平台编译

#ifndef ：     if not defined  在除里该平台的其他编译

#endif ：      end if 结束条件编译

值平台参考文档
APP-PLUS5+AppHTML5+ 规范
APP-PLUS-NVUE5+App nvueWeex 规范
H5H5
MP-WEIXIN微信小程序微信小程序
MP-ALIPAY支付宝小程序支付宝小程序
MP-BAIDU百度小程序百度小程序
MP-TOUTIAO头条小程序头条小程序
MP-QQQQ小程序（目前仅cli版支持）
MP微信小程序/支付宝小程序/百度小程序/头条小程序/QQ小程序

案例如下可进行参考：

 

Young C
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
uniapp条件判断，在各平台执行不同代码等详解
xcLeigh
01-03 1327
uniapp条件判断，在各平台执行不同代码等详解，uniapp代码条件判断h5、小程序、app端等详解，uniapp在代码里根据条件判断，代码在什么环境下运行，有一些代码只针对某个平台的写法详解。
微信小程序uniapp银行卡卡片样式组件
最新发布
05-09
uniapp支持多种平台，包括iOS、Android、微信小程序、支付宝小程序、百度小程序、QQ小程序等，极大地提高了开发效率和代码复用性。通过uniapp，开发者可以使用Vue.js的语法来开发应用，同时享受到原生应用的性能和...
uniapp 判断平台
曳猫的博客
05-10 3346
因需求，要判断是微信小程序打开，还是支付宝小程序。 本来想着系统信息能拿到 uni.getSystemInfo(OBJECT) 微信小程序，支付宝小程序都显示 devtools 百度半天都是说判断“windows”、“android”、“ios”这些， 还不如找找文档 有了，条件编译 官方链接 // 微信生效 // #ifdef MP-WEIXIN obj.mini_platform = '1'; // 1微信 2支付宝 // #endif // 支付宝生效 // #i
uni-app判断是否是小程序
土豆发芽了
01-08 5262
在onLoad()中 onLoad(){ // MP 代表所有小程序 #ifdef MP //如果是小程序 例如显示返回按钮 this.showBack = false // #endIf } 在data中定义showBack data() { return { // #ifndef MP showBack: true. // #endif } } ...
uniapp判断是不是微信浏览器/uniapp判断是不是微信开发者工具
weixin_45811884的博客
02-22 4733
let ua = navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == "micromessenger"){ //是 this.page_render() }else{ //不是 this.com.rel('./page_fail') }
uni-app判断是否是小程序/app/h5
web前端进阶 黑客的博客
05-28 5352
onLoad(){ // MP 代表所有小程序 #ifdef MP //如果是小程序 例如显示返回按钮 this.showBack = false // #endIf } 在data中定义showBack data() { return { // #ifndef MP showBack: true. // #endif } } ///======= APP： /*#ifdef A...
uniapp开发之环境判断
weixin_41951632的博客
01-27 4518
uniapp开发之环境判断 1、开发环境和生产环境判断 通过 process.env.NODE_ENV 判断当前环境是开发环境还是生产环境。一般用于连接测试服务器或生产服务器的动态切换。 if(process.env.NODE_ENV === 'development'){ console.log('开发环境') }else{ console.log('生产环境') } 2、判断平台 编译期判断 编译期判断，即条件编译，不同平台在编译出包后已经是不同的代码。 // #ifdef H5
基于uniapp实现的微信小程序，实名认证、身份证识别、人脸识别前端页面、wx.faceDetect
11-14
在本文中，我们将深入探讨如何使用uniapp框架来构建微信小程序，实现实名认证、身份证识别和人脸识别功能。uniapp是一个跨平台的开发框架，它允许开发者使用一套代码编写，即可发布到iOS、Android、H5等多个平台。...
uniapp 微信小程序小票打印机打印教程（超详细讲解） 完整代码，下载后可直接使用
07-24
1. **uniapp简介**：uniapp是一个基于Vue.js开发的多端合一的框架，允许开发者编写一次代码，部署到iOS、Android、Web（H5）、以及各种小程序（微信/支付宝/百度/QQ/头条/抖音等）。它的核心优势在于统一的开发体验...
微信小程序结合百度地图开发
06-18
针对微信小程序和百度地图的结合，便于使用微信小程序的时候定位到当前的位置，还有针对尝试微信小程序和地图融合时候的坑，请多多探讨
基于uniapp微信小程序电影院选座订票系统设计源码.7z
04-17
- uniapp是一个使用Vue.js语法的多端开发框架，它允许开发者用一套代码编写应用，同时可以发布到iOS、Android、Web（H5）、以及各种小程序（微信/支付宝/百度/QQ/字节跳动等）。 - uniapp的核心特点是组件化开发，...
uniapp 判断微信小程序端、App端、h5端
weixin_45561965的博客
11-16 4676
写法：以 #ifdef 或 #ifndef 加 %PLATFORM% 开头，以 #endif 结尾。各预编译语言文件，如：.scss、.less、.stylus、.ts、.pug （使用 /MP 微信小程序/支付宝小程序/百度小程序/抖音小程序/飞书小程序/QQ小程序/360小程序。APP-PLUS-NVUE或APP-NVUE App nvue 页面。QUICKAPP-WEBVIEW-HUAWEI 快应用华为。VUE3 HBuilderX 3.2.0+ 详情。.css （使用 /* 注释 */）
uni-app 如何区分当前是什么小程序呢？
Dark_programmer的博客
02-07 987
使用对应API:uni.getProvider uni.getProvider({ service: 'oauth', success: function(res) { console.log('供应商', res.provider); } }) 快手如图： 字节如图:
uni-app如何区分 app、h5、各种小程序代码； uni-app如何判断是android、ios、小程序
热门推荐
qq156831414的博客
06-29 1万+
uniapp是DCloud公司于2012年开始研发的能够一次代码开发，生成H5、小程序（微信、支付宝、百度、华为等）、APP等应用的技术的统称，开发工具是HBuilderX，功能非常强大，由此引申出许多技术社区与生态环境。 使用HBuilderX开发Uniapp程序的项目，用它生成多端应用，由于兼容各种多端应用，程序代码需要相应的适配，因为各端技术标准不同，也会出现很多问题，要对uniapp的编译原理多端生成有一定程度的理解。 既然在同一套代码里进行多端开发，那就要能够区分哪块代码用在小程序，哪块代码用在a
uniapp判断h5/微信小程序/app端
潇潇来吃瓜的博客
08-25 1174
写法：以 #ifdef 或 #ifndef 加 %PLATFORM% 开头，以 #endif 结尾。
uniapp判断是否微信浏览器
三三
07-18 5640
// #ifdef H5 let ua = window.navigator.userAgent.toLowerCase() if (ua.match(/MicroMessenger/i) == 'micromessenger') { // do something } // #endif
uniapp判断当前运行环境 app h5 微信小程序
weixin_44654390的博客
10-27 2888
uniapp
uni-app判断当前运行环境和运行平台
︶￣城南花已开
01-04 892
uni-app 当前运行环境和运行平台
uniapp微信小程序百度地图
01-25
uniapp是一种跨平台的开发框架，可以同时开发微信小程序和其他平台的应用。在uniapp中使用百度地图可以实现地图定位、地图展示、地图搜索等功能。下面是一个简单的示例代码： 1. 在uniapp项目中安装百度地图插件： ```shell npm install @dcloudio/uni-plugin-baidu-map ``` 2. 在uniapp项目的`pages.json`文件中配置百度地图插件： ```json { "pages": [ { "path": "pages/index/index", "style": { "navigationBarTitleText": "首页" } } ], "plugins": { "baiduMap": { "version": "1.0.0", "provider": "wx1234567890abcdef" } } } ``` 其中，`wx1234567890abcdef`是你在百度地图开放平台申请的应用AK。 3. 在uniapp项目的页面中使用百度地图组件： ```html <template> <view> <baidu-map style="width: 100%; height: 300px;" :ak="ak" :longitude="longitude" :latitude="latitude"></baidu-map> </view> </template> <script> export default { data() { return { ak: 'wx1234567890abcdef', // 替换成你的应用AK longitude: 116.404, latitude: 39.915 } } } </script> ``` 其中，`ak`是你在百度地图开放平台申请的应用AK，`longitude`和`latitude`是地图的经纬度。 通过以上步骤，你就可以在uniapp微信小程序中使用百度地图了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值