小程序

这篇文章主要介绍了微信小程序 解决请求服务器手机预览请求不到数据的方法的相关资料,配置https时，要使用443端口，就可以解决，需要的朋友可以参考下 微信小程序 解决请求服务器手机预览请求不到数据的方法 微信小程序的文档中明确说明了所有的请求是必须使用https的，以没用过https，由于小程序，不得不接触到https,研究了好长时间把tomcat配置好了https。然后用开发者工具测试是否能请求到数据，发现能获取到很开心。 后来是注册了小程序，在小程序后台也进行了设置，见下图 给项目加了APPID,准备进行手机预览的测试 这里说一下，在开发小程序时尽量把放到自己的服务器上，因为小程序在和预览时都有编译包的限制，没有算过，大概是1M，不知道以后会不会增加 点预览会生成一个二维码，通过微信扫描二维就可以这个小程序了，进去之后准备请求数据的测试，发现手机上预览的小程序不发起请求，这是什么原因呢，开发者工具里是可以请求到的啊，为什么到手机上不行了呢。 请求的域名都是跟后台设置的一样，确认了好几遍，后来想到是不是tomcat配置的证书不正确，因为我也是第一次配置和使用HTTPS，后来就研究了两天tomcat配置https，每次都是开发者工具能请求到，手机预览请求不到，后来觉得应该不是tomcat配置的问题。但又不知道什么原因，就进小程序QQ群里请求帮助，最终得到了提示，发现了问题所以。 问题的解决方法： 由于微信后台设置域名时，不可以添加域名，见下图（图中说出不支持IP地址及端口号） 而当时我配置tomcat的https时，我用的是默认的8443，这样在请求时是需要在域名后面加上:8443端口号的。这就导致了一个问题，微信小程序后台没有加端口号，我在写请求地址时加了端口号8443（因为tomcat设置https时用的8443端口号），这样两个地方的域名是不一致的，就出现了请求域名不一致的错误，出现了手机预览不发送请求的问题。 解决方法是在配置https时，要使用443端口，因为使用443端口，在写域名时是可以省略的。就像80端口可以不写一样 为什么域名不一致开发者工具就能请求到数据呢，应该是因为开发者工具没有验证请求的域名和微信小程序设置的rquest合法域名是否一致的操作，所以开发者工具就能请求的到，而且手机中有这一步操作的，所以手机不能成功请求。 【相关推荐】 1. 特别推荐： 2. 3. 以上就是小程序手机请求服务器无法获取数据的解决办法的详细内容，更多请关注米云其它相关文章！

本文实例为大家分享了获取accesstoken的方法，供大家参考，具体内容如下 AccessToken获取方法 public static Access_token GetAccessToken() {   string formatString = String.Format("https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&amp;appid={0}&amp;secret={1}", AppId, AppSecret);     Access_token res = new Access_token();   HttpWebRequest request = (HttpWebRequest)WebRequest.Create(formatString);   request.Method = "GET";   request.ContentType = "text/html;charset=UTF-8";   HttpWebResponse response = (HttpWebResponse)request.GetResponse();   Stream myResponseStream = response.GetResponseStream();   StreamReader myStreamReader = new StreamReader(myResponseStream, Encoding.GetEncoding("utf-8"));   string retString = myStreamReader.ReadToEnd();   myStreamReader.Close();   myResponseStream.Close();   if (retString.IndexOf("7200") &gt; 0)   {     Access_token token = new Access_token();     token = JsonHelper.ParseFromJson<access_token>(retString);     res.access_token = token.access_token;     res.expires_in = token.expires_in;   }   return res; }</access_token> 登录后复制 Access_token类结构 public class Access_token…

被动响应消息(返回XML) 微信要求我们返回xml数据，且格式是规定好的，具体请看 微信公众平台开发者文档。 响应的实体类，我们之前已经写好了，因为要求是XML格式。我们在此使用微软提供的System.Xml.Serialization.XmlSerializer来将我们的数据序列化为XML。所以我们在类上边标记了XmlRoot特性，在枚举的字段上边标记了XmlEnum特性，NewsMsg中在文章列表上标记了XmlArray和XmlArrayItem特性。而后反序列化出来的便是微信要求的格式了。 序列化方法如下: public string ResponseXML(object value, Type type){     StringWriter sw = new StringWriter();     XmlSerializerNamespaces ns = new XmlSerializerNamespaces();     ns.Add("", "");　　//去除命名空间     XmlSerializer serializer = new XmlSerializer(type);     serializer.Serialize(sw, value, ns);    return sw.ToString(); } 登录后复制 注意:此处必须去除XML的命名空间，不然微信不识别 完整方法奉上： public HttpResponseMessage Post(){    var requestContent = Request.Content.ReadAsStreamAsync().Result;    //从正文参数中加载微信的请求参数     XmlDocument xmlDoc = new XmlDocument();     xmlDoc.Load(requestContent);     logger.DebugFormat("WX请求XML内容:{0}", xmlDoc.InnerText);    string msgTypeStr = xmlDoc.SelectSingleNode("xml/MsgType").InnerText;    string userName = xmlDoc.SelectSingleNode("xml/FromUserName").InnerText;    string efhName = xmlDoc.SelectSingleNode("xml/ToUserName").InnerText;    string responseContent;     MsgType msgType;         //获取消息类型，若未定义，则返回。     if (!Enum.TryParse(msgTypeStr, true, out msgType))     {                    responseContent = MsgService.Instance.ResponseXML(new TextMsg             {                 FromUserName = efhName,                 MsgType = MsgType.Text,                 Content = "俺还小，不知道你在说啥子(⊙_⊙)?",…

其实在一个网站或者 app 服务中接入支付并不是什么难事，只要你不害怕去做，认真去了解整个支付的交互流程，实现起来真的是最多半个小时的事情。本文是在使用 ping++ 集成支付功能的基础之上，实现微信支付，大概只需要五分钟。 今早收到微信通知，昨天申请的微信支付的接入申请已经通过，顾早上的时候就顺便把微信支付给接入了。由于之前我就使用 Ping++ 接入了支付宝的即时到账服务，所以在这个基础上增加一个微信支付的接入，想想就是分分钟的事情。 配置 Ping++ 后台 待你申请的微信支付通过之后，你会拿到四个非常关键的信息。 配置正确之后，需要简单地修改后端发起支付的代码，因为支付宝和微信支付在 Ping++ 的系统中是有细微的差别的，具体是 extra 这个参数的区别：使用支付宝即时到账的时候，在 extra 部分需要传入  success_url 作为同步跳转需要，而微信支付则需要在 extra 字段传入对于的 product_id ,这部分的代码可以这样： switch ( $channel ) {    case 'alipay_pc_direct' :        $extra['success_url'] = url('/payment/done');          break;    case 'wx_pub_qr':       …

这篇文章主要介绍了微信小程序 tabs选项卡效果的实现的相关资料,微信小程序内部组件没有tabs 选项卡的功能，自己实现个类似的，需要的朋友可以参考下 微信小程序 tabs选项卡效果 前言： 最近微信应用号是炒的如火如荼，热门满满，但是也可以发现关键词出来，各类网站出现的还都是微信的官方文档解释。正好赶上这个热潮，这几天先把小程序技术文档看了个遍，就直接着手写案例了。很多组件微信内部已经封装完了，正好发现没有tab选项卡效果，这两天正好研究了下。思路如下： 1.首先点击的时候需要两个，一个存储当前点击样式类，一个是导航默认的样式类 2.选项卡内容列表同样也需要两个变量，一个存储当前显示块，一个存储的是其它隐藏的默认块 3.使用三目运算通过点击获取导航，根据索引判断是否添加当前类【备注，这里我将点击绑定在父级导航栏，通过target得到点击触发的事件对象】 请结合如下效果图：  接下来直接查看源码： demo.wxml： <view>  <view>   <view>tab-hd01</view>   <view>tab-hd01</view>   <view>tab-hd01</view>   <view>tab-hd01</view>  </view>  <view>   <view>tab-bd01</view>   <view>tab-bd02</view>   <view>tab-bd03</view>   <view>tab-bd04</view>  </view>  </view> 登录后复制…

本篇文章给大家带来的内容是关于小程序实现类似于苹果assistivetouch功能（附代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。 一、首先我先介绍一下，我们要做一个什么样的项目功能 项目功能就是一个音频点击播放，当点击为播放的状态时，一个音频的动图出现，而且是可以跟随着手指的滑动而滑动，而且，在滑动动图的时候，当前下的页面是不可以跟随着我的滑动而上下滚动，当停止滑动的时候，音频动图停靠在手机的左侧或者右侧，而当前下的页面是可以上下滚动的，功能介绍到此为止，下面我们说一下思路。     二、我们做这个功能，第二步就是要想思路 思路就是，利用微信中的滑动事件，外加控制样式，来完成这个功能。 三、这是项目的ui图，废话不多说，直接撸代码。 项目样图 四、index.wxml、index.wxss、index.js页面代码 *index.wxml页面* <!-- 搜索 --> <view class='home_srh'> <view class='srh_box' bindtap='srhBox'> <image class='srh_box_img' src='../../img/home_search.png'></image> <view class='srh_box_text'>开心奶奶</view> </view> </view> <!-- 音频分类…

这篇文章主要为大家详细介绍了微信小程序版翻牌小游戏，具有一定的参考价值，感兴趣的小伙伴们可以参考一下 本文实例为大家分享了微信小程序翻牌游戏的具体代码，供大家参考，具体内容如下 一、新建一个quick start项目看看结构 在微信开发工具点击添加项目，选择 无appid，勾上”在当前目录中创建quick start 项目”。 可以看到一共有两个目录 pages和utils，和根目录下的3个app文件。pages存放的是小程序的页面，每个也面都有自己独立的文件夹。 一个页面由4文件构成，js文件是程序逻辑；wxss是微信定义的样式文件，语法跟css一样，支持的样式要少一些；wxml文件用来定义小程序的界面，作用类似于html，但是只能用微信自定义的一些标签，而且页面元素不能直接用js操作，只能通过绑定数据来修改；json是页面的配置文件一般用不着。根目录下的app.js,app.json,app.wxml作用和pages下面的作用类似,只不过pages下面的是页面级的,根目录下的是成个应用级的>。utils下面定义了一个转换时间格式工具函数，然后通过module.exports将函数暴露出去，再在logs.js中通过require引入。 二、改造index页面 知道了小程序的结构就可以动手开始做了，首先把index页面改造一下，把用户头像上的点击事件去掉，然后再新增两个按钮，用来跳转到游戏主界面和游戏成绩界面。 1.界面，bindtap相当于html的onclick <!--index.wxml-->  <view>   <view>   <text></text>   <image></image>   <text>{{userInfo.nickName}}</text>   <text>你好</text>   </view>   <view>   <text>{{motto}}</text>   </view>   <view>   <text>查看排名</text>   </view> …

许多人都开发过微信小程序，在开发路上踩坑的人不占少数，在项目实施时总会遇到一些问题。在小程序开发时需要注意哪些问题才可以避免走弯路呢？本文整理了30条常见问题和解决方法，让开发者尽可能的绕开弯路。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。 30个小程序开发中常见问题和解决方法 1、小程序名称不得与公众平台已有的订阅号、服务号重复。如提示重名，请更换名称进行设置。 2、选用模板消息时，你可用该标题的模板搭配不同的关键词使用，配置提交后关键词种类和顺序将不能修改。 3、小程序名称在帐号信息设置时完成，请谨慎设置，一旦设置暂不支持修改。 4、更换名称进行设置。如果企业商标，组织名称等名称被侵权，可通过公众平台侵权投诉流程发起投诉，取回名称使用权。 5、小程序名称可以由中文、数字、英文。长度在3-20个字符之间，一个中文字等于2个字符。 6、原本个人开发者无法申请微信小程序；微信仅支持企业、政府、媒体、其他组织申请。在之后的更新中开放了个人开发者。 7、如果你不是特殊组织，你还是要花300元进行认证。 即使你对公帐号已经验证，你也需要缴纳300**元**（支持微信支付）进行验证，这样才能够打开审核开关，发布小程序。 微信支付需要微信认证后才能使用。 8、服务器配置每月只有3次修改机会，省着点用，小心没机会。 没事别乱动下面的配置，一定确定了再动，并且一次性写完整，不然你改个小标点都会浪费你的一次机会。 9、你的域名、备案、https要准备好，不然做不了。（服务器域名需进过ICP备案、新备案域名需24小时候才能配置。域名格式只支持雅文大小写字母、数字及“-”，不支持IP地址及端口号） 10、小程序头像、介绍每月只能修改5次，服务范围每月只能修改1次。小程序二维码在第一个版本上线后才能获得。 11、一个主体可以注册30个，一个绑定身份的开发者只能创建5个微信小程序。 对于员工来说，请不要随便借给你的老板你的微信来注册微信小程序，因为你这样就没有机会了。 对于老板来说，请不要随便借给你的员工微信来注册微信小程序，因为你可能要不回来。 12、找不到模板关键词的时候，可以进行申请添加。每月可以提交5次新关键词，通过后会被共享。（堆自家关键词的好机会呀！！） 13、一个小程序账号只有一个管理员（可修改），可以绑定10位开发者。 14、重点注意： 开发版本：使用开发者工具，可将代码上传到开发版本中。开发版本只保留每人最新的一份上传的代码。点击提交审核，可将代码提交审核。开发版本可删除，不影响线上版本和审核中版本的代码。 审核中版本：只能有一份代码处于审核中。有审核结果后可以发布到线上，也可直接重新提交审核，覆盖原审核版本。 线上版本：线上所有用户使用的代码版本，该版本代码在新版本代码发布后被覆盖更新。 15、数据分析只统计已发布线上版本使用数值，同时提供实时统计数据。 16、小程序AppSecret只有管理员才能查看，平台不会明文保存AppSecret。 17、开发者工具目前提供windows 64…

暂时性使用，仅供学习研究使用；请优先参考底下图文介绍链接；假如遇到困难，请在综合交流区内发帖咨询； 官方文档都是默认你已经有了微信小程序的appid，但是如何能获取到微信小程序确实是个技术活微信公众平台 https://mp.weixin.qq.com/1. 在微信公众平台注册小程序点进链接，然后选择小程序注册，如下图所示： 2.先写注册信息，安装提示的账号信息，邮箱激活，信息登记来一步步往下操作，并激活邮箱。至于如果邮箱激活，我想这里不需要多说（为了这个教程我又注册了个新的邮箱账号） 3.其实前面2部还是蛮简单的，只要根据提示做就好了，重点就是信息登记的内容如何写，如下图所示，我列举了一些其中的一些注意事项。 注意点：1）.重点就是完善组织机构代码和组织机构代码证信息，组织机构代码9位或者18位，你的身份证号码也是可以的。组织机构代码证我就去百度随便找了个上去就可以了，为了能够做微信小程序开发，我也是拼了，试了好长时间，才摸索出来的。2）.管理员信息登陆，可以选择企业也可以选择个人。如果是企业需要填写企业营业执照。如果是个人你只要填写正确的管理员身份信息就可以了。 3）.验证方式有两种，一种使选择给腾讯公司指定账户小额打款认证的方式，一种使微信认证的方式。 我选择的是微信认证的方式，各位可以根据自己的需求选择认证方式。 自己确认下微信给出的信息，如果没有什么问题就可以点击确认，或者你后悔了，也可以点击取消按钮取消他，费了那么大把劲，相信大家也是想拿到微信小程序开发者的APPID，肯定会点击确认继续后续操作了。 看到这个页面说明你已经完成了大部分的操作步骤了，点击确认按钮说你将使用管理员的什么注册微信小程序了 这个页面只是提示下主体信息一旦提交之后就不能修改了，点击确定按钮，离小程序开发就只剩下最后一步了。 终于完成了微信小程序开发者的注册了点击下图中的开发设置的链接地址就可以找到你申请的小程序开发者的APPID了 进入到开发设置页面，你就会看到APPID（小程序ID） 就这样我们最终获取到了小程序开发的APPID，接下来你就可以开始你的小程序的征程了 以上就是个人获取微信小程序的APPID的步骤介绍的详细内容，更多请关注米云其它相关文章！

这篇文章主要介绍了微信小程序 监听手势滑动切换页面实例详解的相关资料,需要的朋友可以参考下 微信小程序 监听手势滑动切换页面实例详解 1.对应的xml里写上手势开始、滑动、结束的监听： <view></view> 登录后复制 2.js: var touchDot = 0;//触摸时的原点  var time = 0;// 时间记录，用于滑动时且时间小于1s则执行左右滑动  var interval = "";// 记录/清理时间记录  Page({   data: {...}     }) 登录后复制 Page({   data: {       ...   },   // 触摸开始事件   touchStart: function (e) {    touchDot = e.touches[0].pageX; // 获取触摸时的原点    // 使用js计时器记录时间     interval = setInterval(function () {     time++;    }, 100);   },   // 触摸移动事件 …