文章 - DCloud问答

【解决】uni.scanCode苹果（ios）黑屏，真机测试扫码黑屏问题

扫码

hbuilderx版本：3.5.3

原因：打包会使用新版本的sdk来打包

解决方式1：在manifest.json源码视图里面一下地方加入Barcode和Camera

{  
    "app-plus" : {  
        "modules" : {  
            "Barcode" : {},  
            "Camera" : {}  
        }  
    }  
}

解决方式2：升级hbuilderx版本，勾选以下两个

↓↓↓ 各位大佬点点赞

继续阅读 »

hbuilderx版本：3.5.3

原因：打包会使用新版本的sdk来打包

解决方式1：在manifest.json源码视图里面一下地方加入Barcode和Camera

{  
    "app-plus" : {  
        "modules" : {  
            "Barcode" : {},  
            "Camera" : {}  
        }  
    }  
}

解决方式2：升级hbuilderx版本，勾选以下两个

↓↓↓ 各位大佬点点赞

收起阅读 »

【TabBar】根据角色展示不同的数量或内容解决方案

tabbar

官方文档：https://uniapp.dcloud.net.cn/api/ui/tabbar.html#settabbaritem

看不懂的看我的解决方案：

1、pages.json里面按照要求配置好最全数量的tabbar，一定要按照最大数量配置，切记！！！并且此时对应的tabbar页面是公共的tabbar（最大数量为5个）例如ont，two，three。

2、将不同角色的页面提前创建好，写好自己的业务内容，此页面无需在 pages.json 中配置，作为一个组件引入即可。

3、在所有进入tabbar页面的url处一定要处理好标识，比如A角色=1，B角色=2。然后使用 switchTab 跳转对应的tabbar公共页面。

4、在公共的tabbar页面根据角色标识判断展示对应的组件（此组件为第2步创建的页面）。

5、在所有公共的tabbar页面的 onShow 函数中处理tabbar，以下是我的伪代码：

<script setup name="">  
import { onShow } from '@dcloudio/uni-app';  
import storage from '@/common/utils/storage.js';  

onShow(() => {  
    console.log(storage.getStorageSync('role'));  
    uni.setTabBarItem({  
        index: 0,  
        text: 'Home',  
        // pagePath: '/pages/tabbar/tea-home',  
        iconPath: '/static/images/tabbar/home.png',  
        selectedIconPath: '/static/images/tabbar/home-active.png',  
        complete: (e) => {  
            console.log('======= Home', e);  
        }  
    });  
});  
</script>

6、关于我为什么不使用 pagePath 这个属性直接替代页面，有三点给大家解释下：第一点：H5页面完全失效，刷新会失去tabbar；第二点：APP中系统杀死APP后再次进入会丢失tabbar；第三点：如果是自定义tabbar会有闪烁的情况。

7、大家也可以尝试其他方案，这只是本人遇到的问题及解决思路。

继续阅读 »

官方文档：https://uniapp.dcloud.net.cn/api/ui/tabbar.html#settabbaritem

看不懂的看我的解决方案：

1、pages.json里面按照要求配置好最全数量的tabbar，一定要按照最大数量配置，切记！！！并且此时对应的tabbar页面是公共的tabbar（最大数量为5个）例如ont，two，three。

2、将不同角色的页面提前创建好，写好自己的业务内容，此页面无需在 pages.json 中配置，作为一个组件引入即可。

3、在所有进入tabbar页面的url处一定要处理好标识，比如A角色=1，B角色=2。然后使用 switchTab 跳转对应的tabbar公共页面。

4、在公共的tabbar页面根据角色标识判断展示对应的组件（此组件为第2步创建的页面）。

5、在所有公共的tabbar页面的 onShow 函数中处理tabbar，以下是我的伪代码：

<script setup name="">  
import { onShow } from '@dcloudio/uni-app';  
import storage from '@/common/utils/storage.js';  

onShow(() => {  
    console.log(storage.getStorageSync('role'));  
    uni.setTabBarItem({  
        index: 0,  
        text: 'Home',  
        // pagePath: '/pages/tabbar/tea-home',  
        iconPath: '/static/images/tabbar/home.png',  
        selectedIconPath: '/static/images/tabbar/home-active.png',  
        complete: (e) => {  
            console.log('======= Home', e);  
        }  
    });  
});  
</script>

6、关于我为什么不使用 pagePath 这个属性直接替代页面，有三点给大家解释下：第一点：H5页面完全失效，刷新会失去tabbar；第二点：APP中系统杀死APP后再次进入会丢失tabbar；第三点：如果是自定义tabbar会有闪烁的情况。

7、大家也可以尝试其他方案，这只是本人遇到的问题及解决思路。

收起阅读 »

uniapp+uniCloud全栈开发小程序总结,效率的确是快

前端

界面
vue语法配合flex布局，轻松完成界面开发。

服务端

相信对前端工程师来说，以前需要做全栈开发的话，需要硬着头皮学一门后端语言。uniCloud的出现，让前端开发可以使用熟悉的javascript语言来做后端服务开发，本次小程序的试车，就体验了一把uniCloud的方便快捷。

1、关于数据库
uniCloud提供了一个 JSON 格式的文档型数据库。顾名思义，数据库中的每条记录都是一个 JSON 格式的文档。
每张表/集合，都有一个表名*.schema.json的文件，来描述表的信息、字段的信息。可以很方便的定义表的字段、字段类型、表的权限和字段的权限。
做项目常用的表格官方已经提供了很多openDB模板，直接添加就可以了。

2、服务端配置文件
uniCloud采用的是uni-config-center公共模块，所有需要进行配置的信息都可以在此模块下进行配置，例如用户体系的uni-id.需要获取配置信息的时候，在云函数内require就可以了。

3、第三方凭据管理
以前做小程序开发的时候，获取ticket、accessToken之类的凭据比较繁琐，uniCloud提供了uni-open-bridge模块来自动管理这些凭据，包含uni-open-bridge云对象、uni-open-bridge-common公共模块和官方提供的opendb-open-data数据表。uni-open-bridge部署后会自动获取例如微信小程序的凭据并存储到opendb-open-data表内，在做相关逻辑编码需要用到这些凭据的时候，直接调用uni-open-bridge-common提供的api来获取凭据就OK了。

4、订阅消息
小程序比较重要的一个功能是消息订阅，uniCloud提供了uni-subscribemsg公共模块来进行订阅消息的发送，方便快捷。

5、用户管理
开发任何应用，用户的登陆、注册、资料编辑等等是不可避免且重复的，且现在用到第三方登陆的场景可以说是必须的了，例如微信登陆、手机号一键登陆等等。
使用uni-id-pages来维护管理用户的登陆，界面、后端逻辑、token的维护都不需要开发者操心了，连数据库都不需要新建，官方提供的uni-id-users表格满足所有的登陆需求。

6、关于token
在uni-id-pages模块下包含了uni-id-common公共模块，token的生成、刷新、校验是依靠这个模块来完成的，具体使用可查看文档。使用uni-id-pages模块后，token的维护不用手写代码，了解原理即可。

7、服务端逻辑
要写具体的服务逻辑，创建云函数上传至云空间部署运行即可，前端通过uniCloud.callFunction来调用具体的云函数就能前后端联调了。

8、定时任务
定时任务是比较常见的功能，使用云函数定时触发器。已配置定时触发器的云函数，会在相应时间点被自动触发，函数的返回结果不会返回给调用方。
.......

总结：
这次开发小程序，发行了微信小程序和头条小程序两个版本，总的来说效率是杠杠的，只要仔细看文档，不懂的查查资料和多提问，都能很快搞定需求，uniapp+uniCloud的确是一个很好的创新，前端工程师也可以全栈搞定项目的开发，对自身的职业发展有很大的好处，平时也可以兼职做做项目赚点外快。