分类归档

小程序

FWQ
小程序
浅谈小程序中怎么创建页面二维码
小程序中怎么创建页面二维码?下面本篇文章给大家介绍一下在中生成当前页面二维码的方法,希望对大家有所帮助! 在微信小程序的开发中,很多的业务场景下都会有生成二维码,然后通过扫码二维码,进入指定页面的需求。【相关学习推荐:】 我之前也没碰到过这种需求,最近接了一个私活,就有这种需求,查了下资料,发现官方是提供了API的,下面我们就来操作一下。 这是官方文档的介绍,我这里采用云调用。 首先在云函数文件夹中,新建一个名为QrCode的云函数。写入以下内容。 const cloud = require('wx-server-sdk') cloud.init({   env: '云环境ID', }) exports.main = async (event, context) => {   try {     const result = await cloud.openapi.wxacode.createQRCode({         path: '要跳转的页面路径',         width: 430       })     return result   } catch (err) {     return err   } } 登录后复制 这是官方文档的实例,按照你的情况再修改就可以。 然后我们在客户端,调用一下这个云函数。 wx.cloud.callFunction({   name:'QrCode',   success(res){     console.log(res);   },…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序中数据绑定的实例分析(代码)
本篇文章给大家带来的内容是关于微信小程序中数据绑定的实例分析(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 1、微信小程序无法从js页面中绑定wxml页面中的标签,以此来获得或者设置标签的值或者属性,全部都是用数据绑定的方式来实现 2、wxml 中的动态数据均来自对应 page 的 data。 数据绑定: 1、简单的数据绑定 wxml中应用双大括号将data中的数据绑定到相应的标签中: <view> {{ message }} </view> js中: Page({   data: {     message: 'Hello MINA!'   } }) 登录后复制 2、标签属性的绑定 wxml中,其中绑定的要在双引号之中: <view> </view> js中: Page({   data: {     id: 0   } }) 登录后复制…
2024-11-25 阅读全文 →
FWQ
小程序
微信中共享实时位置什么意思
“共享实时位置”:地图上可以让别人知道你在哪,你也可以看到别人在哪;即双方的位置都会出现在地图上,方便寻找对方,比以前的发送位置方式就显得更加直观。 共享实时位置”是进入了该功能界面后双方的位置都会出现在地图上,方便寻找对方,比以前的发送位置方式就显得更加直观。 进入了共享实时位置后,会自动进行定位,你可以查到对方的位置。同时在“共享实时位置”中,你还能进行实时的语音聊天,用户只需要按住底部的“语音按钮”就能进行实时的语音聊天了。 如何进行位置共享? 1、登录微信。 2、点击你要联系的人。 3、然后点聊天页面右下角“+”号,点击位置。 4、选择共享实时位置,就可以了。 按住底部的“语音按钮”就能进行实时的语音聊天了。 更多相关知识,请访问:! 以上就是中共享实时位置什么意思的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序有哪几个特点
微信小程序的特点有:1、无需安装和卸载,用户可以直接使用,使用完直接关闭,不会占用桌面空间;2、制作成本低;3、内存小、运行快,操作便利快捷;4、容易部署,具有丰富的延展性。 本教程操作环境:HarmonyOS 2.0系统、微信8.0.19版、HONOR V30。 微信小程序简称小程序,是一种不需要下载安装即可使用的应用。小程序的诞生则弥补了订阅号和服务号的不足,连接了人和应用,企业能够为用户提供更复杂、更个性化的服务体验。 从产品角度来看,小程序具备以下四个特点: 一、无需安装和卸载 小程序的第一个特点就是无需安装和卸载的过程,用户可以直接使用。用户可以在“附近的小程序”中搜索,也可以直接在搜索栏搜索相应的小程序,使用完直接关闭,不会占用桌面空间。小程序的出现,让用户获取信息更加简单。其实,用户可以通过智能手机直接获得周边信息,通过手机扫描功能和周边产生互动。当用户使用完之后,并不需要卸载小程序,直接退出,做到用完即走。 二、制作成本低 小程序开发公司制作微信小程序,要根据小程序的规模,性能需求,功能的复杂性,资源的多少选择适合的小程序制作技术。如空间域名的选择,小程序制作的选择是需要有强大的技术支持的定制小程序还是固定的模板小程序制作等。对于店铺来说,开发制作一款小程序费用低。拥有一款自己专属的小程序,省去入驻第三方程序的费用,从而降低成本。 三、内存小、运行快,操作便利快捷 微信小程序是不需要下载安装的小应用,程序小,加载速度快,不用下载安装,只要点击打开使用即可,而传统的App则需要先下载再安装和注册才可以使用。用户使用小程序,只需要在微信中搜索对应的小程序即可。不论是查找还是使用,操作小程序都非常便利快捷。 四、容易部署,具有丰富的延展性 小程序可以轻松使用跨平台技术,将最新的前端技术与微信业务进行完美结合,在微信环境中可以轻松开发出媲美原生体验的应用。开发者可以轻松的部署接入方式,提供不输原生的App用户体验,企业和创业者无需开发App,只需要专心构建功能和服务。 【相关学习推荐:】 以上就是微信小程序有哪几个特点的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
总结微信小程序开发传值取值的几种方法
这篇文章主要介绍了微信小程序 传值取值的几种方法总结的相关资料,这里对这几种方法进行了详解,并附示例代码,需要的朋友可以参考下 微信小程序 传值取值 小程序里常见的取值有以下几种,一个完整的项目写下来,用到的概率几乎是100%。 列表index下标取值 页面传值 form表单取值 1. 列表index下标取值 实现方式是:data-index=”{{index}}”挖坑及e.currentTarget.dataset.index来填坑即可 1.1 生成值 <image></image><text>删除</text> 登录后复制 在删除图标与文字添加data-index=”{{index}}”自定义属性以及绑定点击事件bindtap=”delete” <image></image><text>删除</text> 登录后复制 实现delete方法,取到index下标值。 delete: function (e) {   var index = parseInt(e.currentTarget.dataset.index);   console.log("index" + index); } 登录后复制 如果不使用e.currentTarget而使用e.target会怎样? 将会导致仅点中 才能输出index值,点子元素 或…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序上线发布流程
最近花了一天左右的时间学习了下微信小程序的开发,试着练习一把的心态,搞了一个很简单的页面。 就当是学习总结吧:学习要点还是挺多的,通过查看官方接口文档,熟悉微信小程序开发工具,工程架构,相比传统页面开发类似,微信小程序也是由js文件,页面布局文件wxml和样式文件wxss (免费学习推荐:) ###一、先登录微信公众平台,在小程序栏目里注册获取appid,在开发工具里填写该appid,打开开发工具进行编码工作。 1.1、知识点巩固。 app.json文件 { "pages":[ "pages/huangbaokang/huangbaokang", "pages/zhanglulu/zhanglulu" ], "window":{ "backgroundTextStyle":"light", "navigationBarBackgroundColor": "#baf088", "navigationBarTitleText": "幸福婚姻", "navigationBarTextStyle":"black" }, "tabBar": { "list": [ { "pagePath": "pages/huangbaokang/huangbaokang", "text": "黄宝康",…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序怎么使用车牌号输入法
在做小程序时,做了一个关于车的项目,然后需要添加车辆信息、添加车牌号,使用车牌键盘输入,当时我把这个需求给砍了,然后在添加车辆信息时,老大看到数据库里我乱填的车牌号,又让我把他加上了^o^ 1、效果图 2.相关代码 使用组件形式实现键盘输入 组件代码index.wxml <view class="carPlate" wx:if="{{show}}"> <block wx:if="{{type==1}}"> <view class="wordList"> <view class="wordItem" wx:for="{{cityKeyword1}}" wx:key="{{item}}" bindtap="handleClick" data-type="1" data-item="{{item}}">{{item}}</view> </view> <view class="wordList"> <view class="wordItem" wx:for="{{cityKeyword2}}" wx:key="{{item}}" bindtap="handleClick" data-type="1"…
2024-11-25 阅读全文 →
FWQ
小程序
微信如何将小程序应用显示在顶部
为了方便,其实我们可以将一些小程序显示在聊天界面的顶部方便我们直接打开,那么应该如何将其显示在聊天顶部呢,下面就让小编来教你们微信怎么将小程序应用显示在聊天顶部吧! 1)首先我们先打开微信上的【小程序】,进入后打开你要置顶的应用。(如下图) 2)打开后点击右上角的【。。。】,选择【显示在聊天顶部】。(如下图) 3)当我们返回界面查看的时候即可查看到顶方有一个小程序的入口了。(如下图) 以上就是微信如何将小程序应用显示在顶部的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
实例详解微信小程序上传图片到服务器
本文主要介绍了微信小程序上传图片到服务器的实例代码,在文章给大家补充介绍了微信小程序上传一或多张图片 的方法,本文给大家介绍的非常详细,具有参考借鉴加载,需要的朋友可以参考下,希望能帮助到大家。 上传图片到服务器: 1.先在前端写一个选择图片的区域来触发wx.chooseImage接口并用wx.setStorage接口把图片路径存起来。 -wxml <view class="shangchuan" bindtap="choose"> <image style="width:100%;height:100%;" src="{{tempFilePaths}}"></image> </view> <button formType='submit' class="fabu">发布项目</button> /**选择图片 */ choose: function () { var that = this wx.chooseImage({ count: 1,…
2024-11-25 阅读全文 →
FWQ
小程序
小程序登录流程总结
首先向大家来介绍下小程序。 小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念,用户不用关心是否安装太多应用的问题。应用将无处不在,随时可用,但又无需安装卸载。 1:session_key和openId是什么? session_key 官方说明为:session_key是微信服务器生成的针对用户数据进行加密签名的密钥session_key的用途(1)对wx.getUserInfo()接口得到“用户信息中的密文”进行解密。(2)对它“稍作处理”,用作维护小程序的登录态。“稍微处理”大体为:(1)生成一个随机数(官方把他叫做3rd_session)(2)把这个随机数当session的key,session_key + openid为value。即:session[3rd_session]=session_key+openid openIdopenId:用户唯一标识即:每个微信用户在你的小程序的唯一的标识。 2:如何获得session_key和openId官方提供了HTTP接口:https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_code获取步骤:(1)获得appid,secret,js_code(2)用appid,secret,js_code分别替换如上接口地址的APPID、SECRET、JSCODE,其他不变,组装成完整的地址。例如:![1H5346002-0](media/14842017330009/1H5346002-0.png) 微信小程序获得session_key和openId(加解密、签名系列) ![1H5345348-1](media/14842017330009/1H5345348-1.png) 3:在“浏览器打开此地址”或者“在后台模拟浏览器的GET执行此地址”就可返回如下的JSON数据(包含openid、sessionkey) 微信小程序获得session_key和openId(加解密、签名系列) 总结:从1,2,3步骤可知,只要获得appid,secret,js_code就可得到session_key和openId 4:appid和secret的获得 appid为小程序IDsecret为小程序密钥(AppSecret)获得方法:小程序后台登录网址:https://mp.weixin.qq.com/打开小程序后台网址、注册、登录后,按如下图所示就可找到你的AppID和AppSecret。 微信小程序获得session_key和openId(加解密、签名系列) 注意:目前小程序个人不能注册,开放注册范围:企业、政府、媒体、其他组织;当然用这个办法,个人也能注册了。传送门:http://www.moquu.com/v/372.html 5:js_code如何获得调用wx.login()接口就可获取登录凭证(js_code) 微信小程序获得session_key和openId(加解密、签名系列)![1H5344U3-3](media/14842017330009/1H5344U3-3.png) 6:总结整个session_key获取的流程(1)注册微信小程序、登录后台在设置中获得appId和secret(密钥)(2)调用wx.login()接口获取登录凭证js_code(3)调用wx.request()接口把js_code发送到服务器后台(4)在服务器后台,已知appId、secret、js_code然后调用如下官方提供的http接口,即可返回获取openId、session_key 官方提供了http接口地址为:https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_code 相关推荐: 以上就是小程序登录流程总结的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →