小程序

栏目记录本博客仅作为记录微信小程序登录流程 推荐（免费）： 微信小程序开放文档: developers.weixin.qq.com/miniprogr… 本博客仅作为记录微信小程序登录流程, 具体代码请参考微信文档. 小程序端先调用wx.login() 接口获取登录凭证code , 在success回调方法中再调用wx.getUserInfo() 接口获取用户基本信息(接口成功返回 encryptedData 用户敏感信息加密数据 ; iv 加密算法的初始向量) wx.login({ success: function (e) { var code = e.code;//登录凭证 if (code) {…

不知道为什么，今天下午，整个朋友圈都笼罩在了一股儿童画的氛围当中，这感觉就好像是回到了原始社会?大家都在画各种抽象画，人们都疯了么？？？ 打开他们画的儿童画之后，才发现大家都是通过一个小程序生成的儿童画，带着好奇心，小呆也打开了小程序，然后没想到，我也瞬间沦陷到了儿童画的世界当中，真的特别好玩！不知道你今天玩了没有？？ 小程序连接如下： 真是非常稀奇的事情，自从Google撤出中国后，国内就很少能看到他们的东西了，而这次我们居然看到了谷歌的画画小游戏，居然还是小程序，据说这是Google首款微信小程序，一定程度上代表了Google的回归。 说到玩法，也是比较好理解：点开应用后，机器会出题让你画，在规定时间内，画对了，然后就可以进行下一个题目，画错了就直接结束游戏。画对越多，成就和等级就越高，而你画的是不是正确，这全要由机器来判断，除了主要的互动方式外，还有解锁界面和全网排行榜，可以供你查看信息。 整体来说，这是一个非常轻量级的小程序，麻雀虽小，但五脏俱全，该有的互动和内容全部都有，像是升级系统、展示系统、排行榜和分享机制都有，这让整支小程序的试玩体验非常棒！虽然你打开的是一个简笔画的应用，但是玩起来可是比很多炫酷的页面都要有趣，这一点，你应该和我有同感吧？ 你觉得“猜画小歌”哪里最好玩？ 实际之前，有很多类似H5，比如“画出你印象中的我”这样的H5，上线后就非常受欢迎，引来了很多关注和转发，“猜画小歌”算的上是类似应用的升级版了，就好玩的点来说，有两点值得思考： 1.更强的社交属性：用户参与度更高，之前自己顶多也就只能创作一个画面，但现在能一下子创作几十个画面了！我的天！大家画完了，就忍不住想发出去给别人看，然后等着想看别人的评论，这种新鲜感的延续和分享，就来源于对“社交”属性更为深入的应用和理解。 2.对比的趣味性：以前是自己画等着别人来留言，现在你可以看到不同人对一只狗、一个盘子绘画的不同理解的表象了，这种用户自己创造的差异性，也更容易引发出好奇心。要知道，儿童画本来就具备想象力和放松身心的双重属性，一下子来这么多儿童画，这样的视觉刺激，就是“惊艳”和“有趣”！ 下图是小站采集的部分儿童画作品，今天真是看的我目瞪口呆！ 那么，你可能会有一个疑问，这样的小程序这么有意思，我自己可不可以做？实现起来是不是很困难？它究竟是怎么实现的？这人工智能是真的么？今天下午，小站的社群就在讨论这个话题，内容如下图： 我靠！难道是假的？20个客服么？哈哈！这次的人工智能，还真不是真人工，确实是人工智能！ 从官方的描述来看，这次的小程序“猜画小歌”算是 Google AI “神经网络”技术的一次展现了，关于“神经网络”：大概的意思就是，机器可以通过一些粗糙的画面来判断相关的名词和事物。小程序只是一个外壳，而真正复杂的是程序后台的数据库和AI本身的算法，实际上“猜画小歌”在上线前已经储备了大量数据资料了，而且这些数据资料来自全球的用户收集。 虽然“猜画小歌”还算不上绝顶聪明，但这个AI，真的不算笨了，而且这个“半吊子”AI的存在，反而让互动变的更有趣了，很多匪夷所思的画面AI也会认为是正确的，这就非常有趣了。但这也意味着，这样的智能互动，不是谁都可以拿来玩的，目前只有大厂才可能玩的起呀，普通用户就只有玩的份了！ 具体“神经网络”是什么，感兴趣的同学们可自行百度进行深入了解下，咱们的文章就不进行深入解读了。 这次的小程序并不是一个“营销广告”或者“产品测试版”这样的东西，必定目前的小程序还有很多限制，不可能真正展现Google AI的技术实力，就内容定位和互动方式来看，应该和当年的微软小冰一样，想要推广自己的技术，让更多人了解AI，提升大众的认知。 “猜画小歌”虽然看上去是个很逗逼很简单的小游戏，但在背后，却隐藏了最新的AI技术，真心觉的移动互联网的速度发展的特别的快，新的应用和互动方式也是层出不群。但大家也应该能发现，即使是技术在日新月异，但能够吸引用户的原理和方法是永久不变的，像是“社交属性”这个内容点，就非常值得大家深入研究和思考。 相关推荐： 以上就是猜画小歌：我见到最好玩的AI小程序的详细内容，更多请关注米云其它相关文章！

在微信小程序开发中，由wx.request()发起的每次请求对于服务端来说都是不同的一次会话，微信小程序不会把session信息带回服务端，即对应服务端不同的session，由于项目中使用session保存用户信息所以导致后续请求相当于未登录的情况。 注意，这里的session不是小程序维护的那个通过wx.login()方法维护的session，而是我们自己的服务端的session。 由于正常情况下，客户端向服务端发起请求时，session信息是存放在cookie中以请求头的方式带回给服务端的，而请求头中具体的信息就是session的id，如下图所示 标红的就是我们需要在请求时携带返回给服务端的请求头 所以我们需要的就是这个JESSIONID的值了。刚好，微信小程序也提供了对请求头的支持。 解决办法： 1、在用户登录时，服务端将用户的sessionId返回。 2、小程序保存sessionId，在之后的每次请求中在请求头中携带sessionId 服务端关键代码： 获取sessionId的方法，只要获得request对象就可以轻松获取到了 Sting sessionId = request.getSession().getId(); 登录后复制 把sessionId返回 ...//登录时的业务代码 response.getWriter.write(sessionId);//把sessionId返回给前台 登录后复制 小程序端登录后，把sessionId存入全局变量，app.js中是个存放全局变量的好地方。 ...//登录后的逻辑处理 getApp().globalData.header.Cookie = 'JSESSIONID=' + _data.sessionId; 登录后复制 app.js中代码 globalData:{ header:{'Cookie': ''} //这里还可以加入其它需要的请求头，比如'x-requested-with': 'XMLHttpRequest'表示ajax提交，微信的请求时不会带上这个的 }, 登录后复制 小程序端请求时带上sessionId var header = getApp().globalData.header; //获取app.js中的请求头 wx.request({…

实现小程序支付功能的方法：首先进行前端请求支付，并在后端请求微信服务器；然后后端接受微信服务器并返回数据；接着前端发起支付；最后后端接受微信服务器回调即可。 【相关学习推荐：】 实现小程序支付功能的方法： 1. 前端请求支付 前端请求支付，就是简单的携带支付需要的数据，例如用户标识，支付金额，支付订单 ID 等等跟你的业务逻辑有关或者跟下一步请求微信服务器支付统一下单接口需要的数据有关** 的相关数据，使用微信小程序的 wx.request( ) 去请求后端的支付接口。 2. 后端请求微信服务器 后端接收到前端发送的支付请求后，可以进行一下相关验证，例如判断一下用户有没有问题，支付金额对不对等等。在验证没什么问题，可以向微信服务器申请支付之后，后端需要使用微信规定的数据格式 去请求微信的支付统一下单接口。 在处理好所有数据后，将这些数据以 XML 格式整理并以 POST 方法发送到微信支付统一下单接口 3.后端接受微信服务器返回数据 微信服务器在接收到支付数据之后，如果数据没有问题，其会返回用于支付的相应数据，其中非常重要的是 名称为 prepay_id 的数据字段，需要将此数据返回前端，前端才能继续支付。 因此，在后端接收到微信服务器的返回数据后，需要进行相应的处理，最终返回到前端数据，后端的支付接口已经完成了接收前端支付请求，并返回了前端支付所需数据的功能。 4.…

拍了拍是什么意思？ 微信拍了拍是新上的功能，更多用来提醒的，比如给对方发了消息，或者文件，一直没回复，就可以拍一拍好友，作为一个提醒的，双击一下好友的头像，可以看到头像是有闪动的效果。 （微信“拍了拍”） 最近看到榜首上面有一个微信拍了拍的热搜，很多人不知道是什么。我们今天就来说说这个到底是什么吧？有什么用呢？首先拍一拍要想拍好友，需要先更新自己的微信，看看是不是最新的版本（必须在7.0.15以上），如果不是的话，你就用不了了，因此感觉看一下吧。不是的就可以看到提醒，更新一下就可以了。 微信拍了拍好友 更新了以后，要想去拍一拍好友就很简单了：双击一下好友的头像，可以看到头像是有闪动的效果的，然后下面就会看到显示的有你拍了这个好友了。 我们可以看到自己拍了谁，但是如果好友的微信不是最新版的话，那他是看不到我们的这个提示的，只有他也更新到最新版本，大家都是了，才可以互相看得到，要不然就是自己自娱自乐了。 微信拍了拍自己 另外我们除了拍一拍好友，我们还可以拍自己的，方法和拍好友一样，双击自己的头像就可以了，所以不知道微信更新的这个功能的意义是什么呢？尤其是拍自己。 很多好友说，因为显示的是拍了拍，感觉自己有了明星的感觉，可以给他们说，不要拍了，不要拍了。当然了这个只是一个玩笑了。 微信拍了拍作用 那对于拍了拍到底有什么意思？有什么用呢？ 其实我们看到这个就像是qq的窗口抖动一样，有的好友是给我们发了消息，或者文件，我们一直没有回复，就抖动我们一下，作为一个提示，那在微信上其实也是这个消息，比如给对方发了消息，或者文件，一直没回复，就可以拍一拍好友，作为一个提醒的。 另外也可以作为一个打招呼的，原来都是问在吗？你好之类的，那现在之前就可以先拍一拍，做一个预热在进行其他的交谈。 因此拍了拍这个功能更多的就是用来提醒的，要再去想还有什么其他的意义？好像真的是想不出来了，大家如果想到了，就可以进行补充的。 当大家都在玩这个的时候，有的网友很疑惑，为什么我的也是最新版本，双击头像也闪动了，但是为啥不提示呢？其实问题很简单，因为你的版本不是今天更新的，是之前就更新了，所以你就需要完全退出微信，记得要点击退出登录，不要选择关闭，你选择关闭微信，是没有效果的。 完全退出了以后，我们要登录微信的话，就可以看到需要我们输入自己的密码了，这样才算重新登录，也就类似于重启了。 然后我们再去双击好友的头像，就可以看到下面就已经有提示了，所以还没有学会的好友抓紧时间去试试了。 最近这个也可以作为一个娱乐项目和好友一起来玩了，一开始还是很有曲有意思的，赶紧操作起来哦，有问题我们一起交流！ 相关免费学习推荐： 以上就是拍了拍是什么意思？的详细内容，更多请关注米云其它相关文章！

很久很久以前，差不多大半年前吧，笔者发布了一篇关于OC版贪食蛇开发的文章，时隔多月，微信小程序横空出世，于是闲来无事的我又写了一个小程序版 下面这段话请务必阅读 笔者是做ios的，而小程序大部分都是前端的知识，笔者之前没有做过类似开发，所以代码写的相当烂，很多东西都是一边查资料一边写的，请各位轻喷，阿门！ 进入正题 页面布局 关于小程序笔者就不做介绍了，官方有详细文档，我们还是先来看张图吧 就是这个样子的，游戏界面跟之前的OC版是差不多的，以笔者的水平，只能设计成这样了，毕竟不是专业的，话说这蛇怎么长的像个J(和)B(谐)啊:joy: 先来看看用来添加组件的wxml文件 <view>   <canvas></canvas></view><view>     <button>up</button>     <view>         <button>left</button>         <button>{{btnTitle}}</button>         <button>right</button>     </view>     <button>down</button> </view> 登录后复制 内容是相当简单滴，上面一个view，里面放一个画布，下面一个view，里面放5个 再来看看布局 内容不多，其实笔者对CSS也不是很了解，很多年前学习过，然而早随着:hankey:排出去了，也许还有更优的布局方式，不过凑合着用吧 功能实现 布局还是很简单的，虽然不熟，但是多尝试几下还是可以弄出来的，接下来功能逻辑的实现才是重点，编程语言当然是js了。 话说笔者当年学js的时候，可是写了满满一本的笔记，然而……算了，过去的就让他过去吧，往事不提也罢。 思路其实与OC版的一样 蛇：创建一个点坐标数组，然后以坐标点为中心在画布上画矩形 食物：随机一个坐标点，该点不能在蛇身上，否则重新随机…

用户有多张名片，需要左右切换查看，往下切换是菜单按钮。 这里需求两处滑动，用到了微信提供给我们的滑动组件 swiper，并且进行了嵌套使用，第一层是名片展示与菜单按钮的上下滑动， 第二层是名片展示的左右滑动（支持互相嵌套使用的，可以放心使用）。vertical 加上就是纵向滑动，去掉即是左右滑动。整体结构如下所示：点击事件绑定的是数据切换方式，因为需要支持多次点击切换。初始化数据是 nextslide：再看下 nextslide 事件。currentslide 是当前页面的 index，改变它即可完成切换效果，可以看上图初始化数据时设置了 cs 是 0。因而赋值当前 data.cs+1 即可，再把绑定点击事件 clicknext 切换成 nextslideagain。再看下 nextslideagain 事件，执行的减去 1 个索引，实现多次点击切换效果。具体效果可以看到。 点击个人名片进 1. 简介：用户有多张名片，需要左右切换查看，往下切换是菜单按钮。 这里需求两处滑动，用到了微信提供给我们的滑动组件 swiper，并且进行了嵌套使用，第一层是名片展示与菜单按钮的上下滑动， 第二层是名片展示的左右滑动（支持互相嵌套使用的，可以放心使用）。…

很多微信小程序都需要用到定位的功能，自然就需要调用微信内置的地图。比如外卖，滴滴打车等行业。所以今天我们要介绍的是：如何打开小程序如何打开微信自带的地图。要求：1.点击进入微信地图页面。2.确认进入地图页面后，打开微信地图。 首页代码如下： <view>     <view>CopyRight：All Right Reserved</view>     <view>原创作者：HTML51.COM</view>     <view>微信小程序开发平台：51小程序</view>     <view><image></image></view>     <view><button>点击进入打开微信地图页面</button></view></view> 登录后复制 .js逻辑文件代码： Page({   openMap:function(){     wx.getLocation({       type: 'gcj02', // 默认为 wgs84 返回 gps 坐标，gcj02 返回可用于 wx.openLocation 的坐标       success: function(res){         // success         wx.openLocation({           latitude: res.latitude, // 纬度，范围为-90~90，负数表示南纬           longitude: res.longitude, // 经度，范围为-180~180，负数表示西经           scale: 28, // 缩放比例                   })       }     })   } }) 登录后复制 效果图如下： 更多详解打开小程序如何打开微信自带的地图相关文章请关注PHP中文网！

小程序介绍内容： 1、小程序介绍内容主要写这个小程序主要是干什么的，具体有什么优势，有哪些独特之处,而且在写的时候一定要足够吸引人，这样才能更吸引人。 2、对于微信小程序来说，户只需要打开微信公众号,进入到公众号后接着登录自己的小程序,登录成功后点击设置选项，然后就可以填写小程序的介绍内容了。 资料拓展:小程序是-种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一- 下即可打开应用。也体现了“用完即走”的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载。 推荐：《》 以上就是小程序介绍要写什么的详细内容，更多请关注米云其它相关文章！

神器1：界面设计与协作的法宝 Figma，15年年底开始兴起的一个界面设计协作神器，图形设计功能强大、支持多人编辑与多人实时评论，还可以随意保存历史版本，简直堪称设计界的Google Docs。随便截几张操作动图让你感受一下—— 网上有人说它像Photoshop，但其实它不具备图像处理功能，真正有得一拼的反而是Adobe Illustrator、Sketch，都支持复杂的锚点变化——但我们去下载AI也要接近1G内存吧？Sketch还只支持Mac系统！ 如果你要设计移动广告界面，强烈推荐尝试一下，可以导出成jpg、png、svg等多种格式。 另外，纯设计稿的云协作还有国内的白板、国外的Red Pen。 你可以把你的页面设计稿上传，把链接发给上司&同事就可以进行实时的点评甚至是吐槽！ 神器2：一秒生成静态演示图 有了Place it 这个生成各种静态页面演示的工具，如果你又要做那种手握手机、或在电脑里显示界面的演示图，不必到处找素材P图了，操作示意如下—— 挑模板–>上传图片–>截取图片尺寸–>完成！ 每个演示用的模板上都附有标准尺寸，你也可以先在PS等软件处理好尺寸再上传，立即生成各种手拿iPhone、iMac，开着Macbook的图片，来演示你设计的静态图效果。 神器3：一流的H5设计参考网站 你绝对没想到，平日我们经常看电影评分资讯的IMDb其实是可供我们参照构图、设计风格的神器！那些海报绝不止于宣传片，很多都是国际一流设计师的艺术结晶，用来作为构图以及设计风格的参照再合适不过了。 看上面这张我精心制作的还原设计框架的动图，你会不会瞬间觉得自己浪费了很多借鉴大师风范的机会？IMDb上的电影宣传海报比例跟手机页面相似，刚好可以用来当做移动页面设计的绝佳参考来源。 同理，国内的豆瓣电影网也是如此。挑电影的同时，也能学习。 神器4：视觉炸裂的代码最全收录 http://codepen.io/ 如果你有一定编程基础、懂得如何在移动页面/H5里插入代码的话，也可以参考CODEPEN这个动效源码网站。里面有很多视觉炸裂且惊艳的动效，并且大都附有HTML、CSS、js源码供大家使用。 另外，如果你想做大屏移动广告，动效的选择和参考要更高大上点，这里推荐一个专门收集PC端视觉动效案例的网站——Codrops。 http://tympanus.net/codrops/ 它有很多可以在线预览、兼具视觉化以及交互性的动效，并且每个案例后面都附有相对应的代码，具体应用就因人而异了。 神器5：H5音效的最全收录 GAMEPIX是一个国外HTML5游戏网站，它整理过一个超全的音效网站合辑，用于游戏背景音乐或音效下载，但其实适用于大部分移动页面H5。小至“叮咚”的几秒音效、页面间过渡的十几秒音效，大至几分钟的BGM，非常丰富。 这个合辑作了分类，FREE（免费）、FREE/PAID（半免费半收费）、PAID（收费）三种类型，免费的也照样很好用。 但如果你需要的音效主要针对游戏，那么建议你来Open…