前言这几天在做的一个需求,就是要写一个小程序端的页面,用于跟客服聊天。然后就用到了websocket技术,以前我做过网页版的,但是做小程序后发现网页版的逻辑放过来没问题,但是很多的方法和api是不生效的,所以又查文档专门看了一下对于的api,踩了一些坑后来记录一下,方便下次复制!pc端聊天功能模板(自带websocket,复制可直接用)点击这里跳转效果图功能简介1,页面信息展示,根据后台返回字段,分左边和右边展示2,输入后点击发送按钮,可以发送消息,通过websocket传给后台3,进入页面后链接websocket4,websocket自带心跳重连设置,如果异常或者断开会一直重连,直到连上为止
uniApp自定义导航CSS设置bottom:0竟然无效,而iphone和开发模拟器没有问题 height:150rpx; position:fixed; left:0; right:0; bottom:calc(var(--window-bottom,0));网上查了各种方法,包括设置bottom:-20啊以及padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);使用wx.getSystemInfoSync() API获取系统信息:通过调用wx.getSy
vue2版本在根目录新建一个vue.config.js,如果没有的话。写入以下内容constfs=require("fs");constpath=require("path");constmanifestRaw=fs.readFileSync(path.resolve(__dirname,"manifest.json"),{encoding:"utf-8",});constcommentReg=/\/\*[^\/]*\*\/|\/\/.+\n?/g;constmanifestJson=JSON.parse(manifestRaw.replace(commentReg,""));fs.write
怎么在uniapp中使用微信小程序原生插件,以收钱吧支付插件为例1、在manifest.json里的mp-weixin中增加插件配置"mp-weixin":{"appid":"你的小程序appid","setting":{"urlCheck":false},"usingComponents":true,//在下面配置插件"plugins":{"sqb-pay":{"version":"1.3.0","provider":"插件的appid"}}},2、在pages.json里需要映入插件的页面增加配置{ "path":"pages/user/order/order-pay", "style
1.建立版本管理仓库(开发,测试,上线3个分支)2.hubilder快速搭建uni项目基础目录结构:3.封装基础方法与组件a.store--vuex搭建b.components--组件封装c.filters--过滤器方法封装d.subpkg--分包处理e.common--公共方法封装(request,api,登录,支付,上传文件方法封装,data模拟数据)分包:(1)manifest.json文件启用分包: "optimization":{ "subPackages":true//启用分包设置 }, (2)pages同目录建立subpkg (3)pages.json文件:pages
项目业务逻辑和出现的问题整理新增页面用户可以主动添加输入文本框添加多了就会导致当前页面出现滚动条,这就导致ios端滚动页面的时候去点击输入框键盘抬起再关闭的时候去滚动页面发现页面滚动不了(偶尔出现),经过多次测试发现是键盘抬起的时候主动向上滑动100%出现这种问题这次项目主要使用了uview库的2.0版本,使用到了u-picker组件发现一个问题当选中第一个选项点击确定的时候会默认给page添加上position:fixed的问题导致页面无法滚动,这是第二个出现无法滚动的问题,以前使用1.0版本没有发现一、第一个问题ios键盘弹起后关闭导致页面无法滚动解决思路1.监听当前页面的滚动距离实时拿一
效果图在uniapp微信小程序开发中,预览文件、下载文件并保存到手机本地功能(支持office全套word/pdf/ppt/excel等),兼容安卓和苹果端非常好用,本文有2种方案,愿意用哪个就用哪个,都有示例代码和详细说明。1.方案一(完整源码)<
Capacitor打包h5到Android应用,uniapphttpshttpnet::ERR_CLEARTEXT_NOT_PERMITTEDcapacitor官网:https://capacitorjs.com/docs/项目上需要做一个app,而这个app是用uniapp做的,里面用到了一个依赖dom的库,所以无法使用Uniapp直接生成对应的android应用,试过了,无法使用,体验很差。后发现capacitor打包h5到Android应用摸索了一天半终于把这个路径打通了。分享下过程。这篇文章将详细介绍如何安装capacitor,构建成功Android应用后如何通过Chrome进行And
博主介绍:✌全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌🍅文末获取源码联系🍅👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟2022-2024年最全的计算机软件毕业设计选题大全:1000个热门选题推荐✅Java项目精品实战案例《100套》Java微信小程序项目实战《100套》感兴趣的可以先收藏起来,还有大家在毕设选题,项目以及论文编写等相关问题都可以给我留言咨询,希望帮助更多的人目录一、前言介绍:二、功能设计:三、功能实现:用户系统功能模块管理员功能模块卖