分类归档

小程序

FWQ
小程序
用JAVA开发微信公众平台(一)-环境搭建与开发接入
一、初始微信公众平台 微信公众平台,即我们平时所说的“公众号”,曾用名“官方平台”、“媒体平台”,但最终命名为“公众平台”。从微信的命名我可以发现,公众平台不只是官方、媒体使用的平台,而是对所有公众都开放的统一平台。 微信公众平台地址:https://mp.weixin.qq.com/ 微信公众平台公分4大板块:订阅号、服务号、小程序、企业号。按照微信2016年公开课规划,企业号后续将与企业微信合并,因此我们主要针对前三部分开始讲解: 微信平台四大板块 简单的对比一下前三者的区别以及本次课程即后续课程的讲解重点: 1、订阅号和服务号均为传统意义的“公众号”,具有消息群发能力,详细区别可在官方平台查看:http://kf.qq.com/faq/140806zARbmm140826M36RJF.html我们将注重于服务能力开发,而在服务方面,两者开发模式完全相同,只不过服务号可以使用更多的服务,而订阅号则是“阉割版”的服务号。因此,后续课程我们将使用服务号为案例进行操作。 立即学习“”; 2、微信小程序,原本为“微信应用号”,即一个根植在微信生态系统内的APP。因苹果和谷歌的限制,“应用号”未上线便已夭折,取而代之的是适度阉割功能的“微信小程序”,而其堪比原生APP的操作体验,也使得小程序成为时下大火的开发方向。而杰瑞教育全新的H5开发课程,也将加入时下火爆的微信小程序开发。 二、开发账号准备 1、 进入微信公众平台https://mp.weixin.qq.com,点击右上角立即注册,选择“服务号”或“订阅号”注册(服务号仅限机构,个人用户只能选择订阅号) 注册时需填写一系列信息,根据提示填写即可,此处不做赘述。 2、测试账号申请 如果暂时不想注册账号,或者无法注册服务号,可选择官方提供的测试账号申请。申请地址:http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login点击后扫描二维码,即可获得一个测试账号,拥有服务号全部权限。 测试账号界面 三、 1、外网映射工具 微信公众平台在访问后台时,必须提供能够正确访问的外网地址,微信平台对后台URL的要求有两点: ①必须能够用公网访问②必须使用80端口 要实现以上两点,我们可以选择购买外网服务器,例如:阿里云、百度云、腾讯云…都是不错的选择。如果没有服务器,可以选择用外网映射工具,将我们的内网链接映射为公网,比较不错的映射软件有:花生壳、ngrok、nat123等… 这几款软件都可以百度很容易到并下载,下面简单讲解一下用法: ① Ngrock: 进入dos环境,切换到ngrock所在盘符,输入ngrock8080回车: ngrock操作 回车后等待一会,即可得到公网链接,下图所示阴影区域给出的链接,即可直接访问本机127.0.0.1:8080下的链接内容,分别是http协议和https协议对应的地址: ngrock操作成功界面…
2024-11-25 阅读全文 →
FWQ
小程序
.NET微信开发之公众号消息处理的代码示例
一.前言   微信公众平台的消息处理还是比较完善的,有最基本的文本消息,到图文消息,到图片消息,语音消息,视频消息,音乐消息其基本原理都是一样的,只不过所post的xml数据有所差别,在处理消息之前,我们要认真阅读,官方给我们的文档:mp.weixin.qq.com/wiki/14/89b871b5466b19b3efa4ada8e577d45e.html。首先我们从最基本的文本消息处理开始。 <xml><tousername></tousername><fromusername></fromusername><createtime>12345678</createtime><msgtype></msgtype><content></content></xml> 登录后复制   我们可以看到这是消息处理的一个最基本的模式,有发送者,接受者,创建时间,类型,内容等等。 首先我们来创建一个消息处理的类,这个类用来捕获,所有的消息请求,根据不同的消息请求类型来处理不同的消息回复。 public class WeiXinService   {     /// <summary>     /// TOKEN     /// </summary>     private const string TOKEN = "finder";     /// <summary>     /// 签名     /// </summary>     private const string SIGNATURE = "signature";     /// <summary>     /// 时间戳     /// </summary>     private const string TIMESTAMP = "timestamp";     /// <summary>     /// 随机数     /// </summary>     private const string NONCE = "nonce";     /// <summary>     /// 随机字符串…
2024-11-25 阅读全文 →
FWQ
小程序
小程序开发之获取用户UnionID、昵称、头像信息的方法
本篇文章给大家带来的内容是关于小程序开发之获取用户unionid、昵称、头像信息的方法,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 最近在开发小程序,记录下来一些。 以前获取用户信息可以使用 wx.getUserInfo ,但是后来官方进行了调整,所以要换一个思路了。 获取用户昵称、头像 这一步还是很方便的,使用小程序内置的组件就可以实现,可以获取以下的数据 可以看到,能获取到的相关信息还是不少的,下面是以头像和昵称为例 <!-- 头像 --> <open-data type="userAvatarUrl"></open-data> <!-- 昵称 --> <open-data type="userNickName" lang="zh_CN"></open-data> 登录后复制 获取用户UnionID 获取用户的昵称、头像很简单,但实际开发中,我们经常需要用户的UnionID,可以使用wx.login、wx.request来实现。先看下官方给出的流程 可以看到流程并不复杂,下面是小程序的JS实例 onLoad: function (options) { var that =…
2024-11-25 阅读全文 →
FWQ
小程序
小程序的工作原理你了解么
小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念,用户不用关心是否安装太多应用的问题。应用将无处不在,随时可用,但又无需安装卸载。 (学习视频分享:) 什么人适合来做小程序:懂一点代码的人都可以。 懂什么技术的来开发小程序快呢:前端开发人员,因为需要对页面样式做调整。 入手容易吗:很容易 下边附上我自己理解的小程序的框架图,有不对的地方请指出。 我们先从下往上看: 1,最底层是微信的app,当我们发版时小程序开发工具会把我们的代码和框架一起进行打包,当我们在微信里打开小程序时其实微信会把打包好的代码下载到微信app里,这样我们就可以像在开发工具里一样在微信里运行我们的小程序了。 2,native层就是小程序的框架,就像我们用的react框架一样,这个框架里封装了ui层组件和逻辑层组件,这些组件可以通过微信app提供的接口调用手机硬件信息。 3,最上层橙色框框,是我们真正需要进行操作的视图层和逻辑层,视图层和逻辑层的交互是通过数据经由native层进行交互的。视图层和逻辑层都可以调用native框架里封装好的组件和方法。 总体来说,当我们在视图层进行事件操作时,会改变数据,数据通过native框架传递给逻辑层,反之逻辑层可以影响视图层。 相关推荐: 以上就是小程序的工作原理你了解么的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序怎样点击传值
微信小程序怎样点击传值     微信小程序点击传值的方法: 1、首先在wxml中使用data-来添加自定义属性; 2、然后通过bindtap来绑定点击事件; 3、最后在js中用currentTarget来获取传递的值即可。 推荐学习: 代码示例: wxml: data-参数名=”值” bindtap=”函数名” <view>   <text>100ML   (2两)</text></view> 登录后复制 JS: choose_cap(e) {   // 通过 currentTarget 获取传递进来的值   console.log(e.currentTarget.dataset.cap);   console.log(e); }, 登录后复制 PHP中文网,大量,欢迎学习! 以上就是微信小程序怎样点击传值的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序 Buffer缓冲区的解析
这篇文章主要介绍了 微信小程序 buffer缓冲区的详解的相关资料,需要的朋友可以参考下  微信小程序 Buffer缓冲区的详解 JavaScript 语言自身只有字符串数据类型,没有二进制数据类型。 但在处理像TCP流或文件流时,必须使用到二进制数据。因此在 Node.js中,定义了一个 Buffer 类,该类用来创建一个专门存放二进制数据的缓存区。 在 node.js 中,Buffer 类是随 Node 内核一起发布的核心库。Buffer 库为 Node.js 带来了一种存储原始数据的方法,可以让 Node.js 处理二进制数据,每当需要在 Node.js 中处理I/O操作中移动的数据时,就有可能使用 Buffer 库。原始数据存储在 Buffer 类的实例中。一个…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序开发实现scroll-view隐藏滚动条方法介绍
网页开发的时候往往会为了页面的美观,而选择去掉滚动区域默认的滚动条。微信小程序实现scroll-view隐藏滚动条的方法之一: 首先我们来看一下,scroll-view的一些组件 使用竖向滚动时,需要给 一个固定高度,通过 设置 height。再来看一些简单的代码示例: <view>  <view>vertical scroll</view>  <scroll-view>  <view></view>  <view></view>  <view></view>  <view></view>  </scroll-view>     <view>  <button>click me to scroll into view </button>  <button>click me to scroll</button>  </view></view><view>  <view>horizontal scroll</view>  <scroll-view>  <view></view>  <view></view>  <view></view>  <view></view>  </scroll-view></view> 登录后复制 var order = ['red', 'yellow', 'blue', 'green', 'red']…
2024-11-25 阅读全文 →
FWQ
小程序
微信公众号创建个性化菜单报“65305个性化菜单数量受限”解决办法
微信公众号创建个性化菜单报“65305个性化菜单数量受限”解决办法 之前多次创建成功,这次创建的时候报 “65305 个性化菜单数量受限”,这是什么原因呢? 通过获取现有菜单发现我创建了好多个一样的菜单,原来每创建一次不是覆盖掉同样的菜单,而是再建立新的。 好多一样的菜单,但是 menu_id 又不同,所以调用把所有的菜单都删除,然后再重新创建就好了。 小结: 在创建个性化菜单前,请先删除之前相同的菜单。 以上就是微信公众号创建个性化菜单报“65305个性化菜单数量受限”解决办法的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序中安全性问题如何处理
这次给大家带来小程序中安全性问题如何处理,微信小程序中安全性问题的注意事项有哪些,下面就是实战案例,一起来看一下。 以下是关于配置信息的代码,仅供参考! //app.js var host = "" App({   onLaunch: function () {     // 展示本地存储能力     var logs = wx.getStorageSync('logs') || []     logs.unshift(Date.now())     wx.setStorageSync('logs', logs)     // var url = app.globalData.index     // 登录     wx.login({       success: res =&gt; {         // console.log(res);         // 发送 res.code 到后台换取 openId, sessionKey, unionId         wx.request({           url: this.globalData.session,           data:{             code:res.code,           },           success:res=&gt;{             // console.log(res.header['Set-Cookie']);             wx.setStorage({               key: 'session_id',               data: res.header['Set-Cookie'],             })           }…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序城市定位的实现
这篇文章给大家认真介绍了微信小程序城市定位的实现实例,主要实现了获取当前所在国家城市信息的相关资料,文中介绍的非常详细,相信对大家具有一定的参考学习价值,需要的朋友们下面来一起看看吧。 前言 在微信小程序中,我们可以通过调用wx.getLocation()获取到设备当前的地理位置信息,这个信息是当前位置的经纬度。如果我们想获取当前位置是处于哪个国家,哪个城市等信息,该如何实现呢? 实现方法 微信小程序中并没有提供这样的API,但是没关系,有wx.getLocation()得到的经纬度作为基础就够了,其他的,我们可以使用其他第三方地图服务可以来实现,比如腾讯地图或百度地图的API。 以腾讯地图为例,我们可以去腾讯地图开放平台注册一个账号,然后在它的管理后台创建一个密钥(key)。 然后在顶部菜单里面,可以找到WebServiceAPI菜单: 腾讯地图WebServiceAPI 腾讯地图提供了很多WebServiceAPI,比如按照地址获取经纬度,根据经纬度找地址,我们将要用到的就是根据经纬度找地址,也称作“逆地址解析”: 逆地址解析 逆地址解析提供由坐标到坐标所在位置的文字描述的转换,调用形式就是一个HTTP URL形式的API,基本用法如下: http://apis.map.qq.com/ws/geocoder/v1/?location=39.984154,116.307490&amp;key=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77 登录后复制 这个URL的基本参数就是一个经纬度坐标地址。你可以将这个URL中的key换成你自己的key,直接在浏览器中查看,就能看到类似这样的结果,还可以根据传入不同的参数选项,得到更丰富的信息: {  "status": 0,  "message": "query ok",  "request_id": "6225548022856589453",  "result": {  "location": {   "lat": 39.984154,   "lng": 116.30749  },  "address": "北京市海淀区北四环西路66号彩和坊路",  "formatted_addresses": {   "recommend": "海淀区中关村彩和坊路中国技术交易大厦",   "rough": "海淀区中关村彩和坊路中国技术交易大厦"…
2024-11-25 阅读全文 →