分类归档

小程序

FWQ
小程序
微信小程序怎么实现蓝牙连接?(代码示例)
微信小程序如何实现蓝牙连接?本篇文章给大家带来的内容是介绍微信小程序实现蓝牙连接的方法(步骤)。有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。 最近的项目需要使用小程序的蓝牙功能与硬件设备进行连接相互传送数据指令,联调过程中发现一些问题,于是想着记录下来,方便以后查看! 1、初始化蓝牙设备 一般使用蓝牙功能肯定是想连接某一个蓝牙设备,所以需要知道这个蓝牙设备的名称,一般来说都是扫描二维码连接,那么当你扫描这个设备二维码的时候,就需要去初始化你手机上的蓝牙模块了 /** * 初始化蓝牙设备 */   initBlue:function(){     var that = this;     wx.openBluetoothAdapter({//调用微信小程序api 打开蓝牙适配器接口       success: function (res) {         // console.log(res)         wx.showToast({           title: '初始化成功',           icon: 'success',           duration: 800         })         that.findBlue();//2.0       },       fail: function (res) {//如果手机上的蓝牙没有打开,可以提醒用户         wx.showToast({           title: '请开启蓝牙',           icon: 'fails',           duration: 1000         })       }     })   },…
2024-11-25 阅读全文 →
FWQ
小程序
总结分享微信小程序常见面试题
本篇文章给大家带来了关于的相关知识,其中主要介绍了一些常见的面试题,包括了怎么在小程序中获取用户信息、小程序中怎么实现父子组件传参,下面一起来看一下,希望对大家有帮助。 【相关学习推荐:】 1.在小程序中如何获取用户信息? (1)小程序为升级前:可使用wx.getUserInfo直接获取用户信息,目前逐渐不能使用该方法了 (2.)升级后,可使用以下方法获取用户的账户信息: (1)使用button,设置其属性:open-type=”getUserInfo”    获取用户信息 2.小程序中如何实现分享功能,微信有什么限制? 发送给朋友:onShareAppMessage(Object object); 分享到朋友圈: onShareTimeline(); 限制: “单页模式”下,一些组件或接口存在一定限制: 1、页面无登录态,与登录相关的接口,入wx.login()均不可用; 2、不允许跳转其他页面,包括跳转小程序页面,跳转其他小程序,跳转微信原生页面; 3、不允许横屏,页面包含的tabbar不会渲染,包括自定的tabbar; 4、 本地储存与小程序普通模式不共用; 3.你的小程序是如何上线的,审核大概需要多久? (1)在微信web开发者工具里找到项目,并且设置好服务器的域名,如果你的小程序没有用到外网请求,可以不用配置服务器。配置好服务器,先预览一下,看看有没有问题,如果没有问题的话,点击上传。 (2)上传代码之后,在微信公众号平台登录微信小程序后台,点击开发管理,就可以看到刚刚上传的代码,点击提交审核,就可以了。接下来就是等待微信官方的审核。 (3)一般都是1~3天左右 4.小程序中如何用像Vant一样的第三方组件? (1)打开cmd,进入你的项目中,在cmd中执行:npm init,初始化项目 (2)然后安装Vant…
2024-11-25 阅读全文 →
FWQ
小程序
自定义微信登录扫码样式解决办法
PC微信扫码登录 近期做一个pc端微信扫码登录的需求,微信扫码有两种方式,一种是新开一个二维码页面,另一种是内嵌入产品网页。本次以内嵌二维码为例,具体怎样在页面中显示一个登陆二维码,文档说的很清楚,就不赘述了。 解决自定义微信二维码样式问题 当一切准备妥当之后,网页上的二维码初始默认是这个样子。特别大不说(默认二维码大小280×280),还有微信登录的title,下方也有扫码登录的提示。幸运的是,微信留了一个api给我们自定义样式的机会,在之前实例化一个二维码的时候,实例对象中href属性,允许设置样式。 <span style="font-size: 16px;"> var obj = new WxLogin({<br/> id:"login_container", <br/> appid: "", <br/> scope: "", <br/> redirect_uri: "",<br/> state: "",<br/> style: "",<br/> href: "../qrcode.css"//就是这个属性<br/>…
2024-11-25 阅读全文 →
FWQ
小程序
支付宝小程序要满足什么条件
支付宝小程序开通条件: 目前支付宝小程序支持,企业,机构,个体工商户申请。 申请支付宝小程序需要的资料: 1.邮箱一个(用于申请验证后期登录使用) 2.电话号码一个(用于申请验证) 3.企业营业执照复印件加盖公章(保持清晰可见) 4.法人身份证照片正反两面(保持清晰可见) 5.企业对公账户信息(开户名称,开户行,开户行地址,企业账号),用于验证 6.有商标可提交商标资料 7.商户门头照(按行业需要,不是每个小程序都需要) 注明:个体工商户可无需对公账户信息,暂不支持个人开通。 推荐学习: 以上就是支付宝小程序要满足什么条件的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序swiper组件构建轮播图代码分享
本文主要和大家介绍微信小程序 swiper组件构建轮播图的实例的相关资料,如有疑问请留言或者到本站社区交流讨论,需要的朋友可以参考下,希望能帮助到大家。 微信小程序 swiper组件构建轮播图的实例 实现效果图: wxml基础文件: <view>   <swiper>     <swiper-item><image></image></swiper-item>     <swiper-item><image></image></swiper-item>     <swiper-item><image></image></swiper-item>   </swiper>  </view> 登录后复制 swiper-item仅可放置在组件中,宽高自动设置为100%。  参数设置:  autoplay 自动播放导致swiper变化;  touch 用户划动引起swiper变化;  indicator-dots true是否显示面板指示点圆圈;  interval 自动切换时间间隔;  duration 滑动动画时长;  更多设置可以看官方文档组件! 登录后复制 wxss样式文件 swiper{  width:100%;  height:500rpx; }…
2024-11-25 阅读全文 →
FWQ
小程序
解析nodejs微信公众号开发之——1.接入微信公众号
本篇文章主要介绍了详解微信公众号开发——1.接入微信公众号,非常具有实用价值,需要的朋友可以参考下 接入微信公众号是开发的第一步,万事开头难,走好第一步,后面的路就更宽广。 1.公众平台测试帐号的使用 登录微信公众平台,由于很多开发人员并没有认证的的微信公众号,所以比较折中的方式是使用公众平台测试帐号来测试功能,其优势是能够测试微信公众号的绝大部分功能,不受认证门槛的限制。 进入测试账号管理界面: 我们需要配置的信息,URL和Token是微信公众平台和本地开发服务建立连接的桥梁。 微信配置好后,扫面下方的测试号二维码,即可以在手机上测试开发的功能。 2.验证公众号 一图胜千言。接入公众号时,微信公众平台需要验证开发者的身份,向开发者填写的URL发送一个GET请求,请求中包含4个参数:signature、str、stamp和nonce,收到该请求,我们需要做的事情: 将token、timestamp和nonce三个参数进行字典排序; 将三个拼接成一个字符串进行加密; 将加密后的字符串与signature进行比较,如果相同,表示这个请求来自微信,我们直接原样返回echostr的内容,接入验证成功。 3.搭建开发服务器 搭建开发服务器的方式有很多,如购买云服务器、使用花生壳、ngrok、localtunnel等。这里为了简单起见采用localtunnel。先全局方式安装localtunnel, npm install -g lt 登录后复制 启动lt lt --port 8080  //对外暴露8080端口,可端口号可自己随便设定 登录后复制 4.编写代码 好了,现在开始编写app.js的代码: 'use strict' var Koa = require('koa'); var sha1 = require('sha1'); var config = {   wechat:{     appID:'...', //填写你自己的appID     appSecret:'...', //填写你自己的appSecret…
2024-11-25 阅读全文 →
FWQ
小程序
App开发需要了解的基本技术详解
本文针对小白用户对app做一个简单的介绍,首先要了解app都有哪些类型,不同的类型适用于哪些需求,用户可以根据自己的需求选择不同的app开发。 一 App有哪些形式 WebApp:简单来说,Web App就是针对iOS/Android优化后的web站点,用户不需要下载安装即可访问。一般的web站点测重使用网页技术在移动端做展示,包括文字,视频,图片等,而Web App更侧重“功能”,是基于网页技术开发实现特定功能的应用,必须依赖手机浏览器运行。Web App开发成本低,维护更新简单,支持云修复,用户不用下载更新,但是App的用户体验不足,页面跳转迟钝甚至卡壳,页面交互动态效果不灵活,而且可能上不了AppStore,如果企业的核心功能不多,App需求侧重于信息查询,浏览等基础功能,可以选择Web App。 Native App(原生App):Native App是基于智能手机操作系统(现在主流的是ios和Android)用原生程序编写运营的App。Native App运行时是基于本地操作系统的,所以它的兼容能力和访问能力更好,拥有最佳的用户体验、最好的交互界面,但也是开发难度最大,开发成本和维护成本最高的App。 Hybrid App(混合App):是指半原生半web的混合类App,同时采用网页语言和程序语言进行开发,通过不同的应用商店进行打包分发,用户需要下载安装使用。Hybrid App兼具Native App良好的用户交互体验和web App跨平台开发的优势,因在开发过程中使用网页语言,所以开发成本和难度大大降低。Native App是现在的主流应用,大型的App如淘宝/掌上百度/微信都是走的Hybrid App路线。 二开发不同类型的App需要用到哪些技术? Web App:iOS/Android的内置浏览器是基于webkit内核的,所以在开发webApp时,多数使用html或html5、CSS3、JavaScript技术做UI布局,使其在网站页面上实现传统的C/S架构软件功能,服务端技术用java、php、ASP。现在也有很多一键生成webApp的平台,如百度siteApp/移动开发平台APICloud,APICloud平台提供基于腾讯x5浏览器引擎生成webApp,因为移动端的超级流量入口微信/手机qq等用的也是腾讯x5内置浏览器,所以用腾讯x5浏览器生成的App在移动页面展示时适配于微信的浏览体验,这样可以帮助webApp引流。 Native App: 开发Native App需要根据运行的手机系统采用不同的开发语言,开发Android App需要的开发语言是java,还需要熟悉Android环境和机制。主要知识点如下: 1.…
2024-11-25 阅读全文 →
FWQ
小程序
JS的EventEmitter使用步奏详解
这次给大家带来JS的EventEmitter使用步奏详解,使用EventEmitter的有哪些,下面就是实战案例,一起来看一下。 2个多月前把 Github 上的 eventemitter3 和 下的事件模块 events 的源码抄了一遍,才终于对 事件有所了解。 上个周末花点时间根据之前看源码的理解自己用 ES6 实现了一个 eventemitter8,然后也发布到 npm 上了,让我比较意外的是才发布两天在没有 readme 介绍,没有任何宣传的情况下居然有45个下载,我很好奇都是谁下载的,会不会用。我花了不少时间半抄半原创的一个 JavaScript 时间处理库 now.js (npm 传送门:now.js) ,在我大力宣传的情况下,4个月的下载量才177。真是有心栽花花不开,无心插柳柳成荫! eventemitter8 大部分是我根据看源码理解后写出来的,有一些方法如listeners,listenerCount 和 eventNames…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序开发UI框架如何使用
这个,很有意思,当我写完一个我觉得很有灵性的选项卡的时候,以前哥们告我微信小程序有个框架你看看去。。。 <view bindtap="switchTab"> {{item.name}} </view> 登录后复制 相信看了本文案例你已经掌握了方法,更多精彩请关注米云其它相关文章! 推荐阅读: 以上就是微信小程序开发UI框架如何使用的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →