小程序 - 美云 - Page 68FWQ.AI — Fast · Worldwide

小程序

小程序中有很多地方都会用到注册用户信息的地方，用户需要填写手机号等，有了这个组件可以快速获取微信绑定手机号码，无须用户填写。本文主要给大家分享微信小程序获取手机号授权用户登录功能，需要的朋友参考下吧，希望能帮助到大家。 1.getPhoneNumber这个组件通过button来实现（别的标签无效）。将button中的open-type=“getPhoneNumber”,并且绑定bindgetphonenumber事件获取回调。 <span><button></button></span> 登录后复制 2.在使用这个组件之前必须先调用login接口，如果没有调用login点击button时会提示先调用login。 App({ onLaunch: function () { wx.login({ success: function (res) { if (res.code) { //发起网络请求 console.log(res.code) } else { console.log('获取用户登录态失败！' + res.errMsg) } } }); } }) 登录后复制 3.通过bindgetphonenumber绑定的事件来获取回调。回调的参数有三个， errMsg：用户点击取消或授权的信息回调。 iv：加密算法的初始向量（如果用户没有同意授权则为undefined）。 encryptedData：用户信息的加密数据（如果用户没有同意授权同样返回undefined） getPhoneNumber: function(e) { console.log(e.detail.errMsg) console.log(e.detail.iv) …

2024-11-25 阅读全文 →

FWQ

小程序

微信小程序新增的拖动组件movable-view的使用介绍

这篇文章主要给大家介绍了微信小程序最近新增的拖动组件movable-view的简单使用教程，文中介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面来一起看看吧。前言小程序在520节日前夜，让程序员们又躁动了一把，更新了一些很诱人的功能，如内容转发API，iBeacon API，振动API，屏幕亮度调节API等，也增强了地图组件的功能。此次的更新中，也新增了一个UI组件，它就是视图组件movable-view，它需要配合movable-area来一起使用。简单来说，它就是一个支持在指定区域内可以拖动内容的容器。我们来看一个简单的示例： <movable-area> <movable-view> </movable-view></movable-area> 登录后复制登录后复制界面我们用movable-area设定了一个200×200大小的一个可拖动区域(红色)，然后在这个区域内放置了一个大小为50×50的可以拖动内容movable-view（蓝色），这个可拖动内容的direction设置为all，表示可以在任意方向上进行拖动。拖动演示在一个movable-area标签中，其实不止可以放一个movable-view，它支持放置多个movable-view，看以下例子： <movable-area>  <movable-view> </movable-view>  <movable-view> </movable-view></movable-area> 登录后复制界面2 拖动演示2 movable-view的direction属性支持以下四个值： all –…

2024-11-25 阅读全文 →

FWQ

小程序

微信jssdk接口得到的图片显示问题

这几天研究了一下这个微信公众平台的开发的问题在使用chooseimage调用获取到了的时候一直显示不出来，百度了一些帖子结果都不是很好，后来终于研究出来怎么显示出来了，现在写出来做一个备份使用微信DK的时候遇到的一些问题在配置S接口域名的时候需要用一级域名，不能使用二级域名，并且不能带http 或者https如我的测试图片网址是 applinzi.com //html里的主要代码 <body ontouchstart=""> 上传图片的测试图像接口 <span class="desc">拍照或从手机相册中选图接口</span> <button class="btn btn_primary" id="chooseImage" onclick="chooseImg_Opinion()">chooseImage</button> <span>图片预览</span> <p id="photo"></p> </body> //js里的主要代码 <script> wx.ready(function () { //自动执行的 wx.checkJsApi({ jsApiList:…

2024-11-25 阅读全文 →

FWQ

小程序

一个营业执照可申请几个小程序

一个营业执照可申请50个小程序，但需要用50个不同的邮箱来分别申请。小程序主体注册是有上限的，企业、政府、媒体、其他组织主体可以注册50个小程序，但个体户和个人类型主体只可注册5个小程序。本教程操作环境：windows7系统、Dell G3电脑。一个营业执照可申请50个小程序，但需要用50个不同的邮箱来分别申请。一个公众号可关联10个同主体的小程序，3个不同主体的小程序，一个小程序可关联500个公众号。扩展知识：小程序已创建成功但未开通微信认证，但已跟公众号关联，可以复用公众号微信认证资质。快速认证不需要重新提交认证资质，不需要支付300元支付费用，即时生效。条件： 1、可快速认证的小程序：企业、媒体、政府和其他组织类型的小程序；2、要求公众号必须先完成微信认证；3、公众号与小程序关联，且主体相同。申请入口：登录公众号-小程序-小程序管理-已关联小程序-详情-申请创建流程：登录公众号-小程序-小程序管理-已关联小程序-详情-申请【相关学习推荐：】以上就是一个营业执照可申请几个小程序的详细内容，更多请关注米云其它相关文章！

2024-11-25 阅读全文 →

FWQ

小程序

小程序开发的图文详解

小程序怎么开发？今天微信小程序已经正式上线，但是怎么开发呢？接下来小编给大家带来微信小程序开发高清图文教程，有需要的朋友可以参考下相关文章阅读：微信小程序怎么打开微信小程序在哪里进入怎么微信小程序开发微信小程序开发安装教程微信小程序怎么申请注册微信小程序官方注册图文流程首先，我们必须先认清一个显而易见的事实：在本质上，微信应用号就是WebApp。那么有朋友就会问了，WebApp是什么呢？其实，WebApp就是区别于传统手机App的另外一种App形式。它是基于H5技术开发的一种网页型App，可以拥有和传统手机App几乎一样的功能和形式，但又可以非常方便地嵌入到微信应用号或者其他应用里。以往，传统的手机App需要大量的资金和技术团队的投入，开发和维护周期也相当漫长，让很多人望而却步。在电脑中先画好一个雏形，再选择功能模板的位置安放，最后一旦确定好总体，就可以开始设计。第一要做的是画出页面流程图，流程图主要用于确定每个功能模块的交互细节。当你把所有的交互场景都画出来后，那么应用号所需要的页面也就基本上完成了。这时，你就需要与设计师一起，对所有页面进行UI设计与页面美化了。最终生成的Web App的原型：包括所有页面设计与交互流程。现在献上我做微商城大概的设计页面，给大家一个思路。登录账号后，选择空白模板，自己建模板。自己没UI的，如果你们想省时间，我觉得可以套用模板，可以比较快的生成自己想要的Web App。来看看我大致的首页布局吧！看不懂组件名称，不懂组件怎么用？看看《帮助》！《帮助》都已经把大致的布局进行了粗略的介绍。至少不会让自己对功能模模糊糊。如果对某个组件还是不清楚，那么可以点击那个组件的右上角的小问号图标，会有一个详细的介绍。先插入一个顶部组件，作为首页，顶部导航的标题我建议都是大家的公司或者商城名称然后创建一个轮播图组件做Banner，因为我做的是微商城，用轮播的方式播放一些我修好的商品。然后在右边的组件内容中对每个轮播图片逐一添加相对应页面链接去向。接着我创建了一个图片列表，并在页面中把行列设置成了4列1行，我再修改图片高度直接设置为圆形，系统就自动调整图片高低了。接着我更换了图片，替换成图片，并在点击中的页面链接至相对应的页面。如图因为我想在这一行左右分开，并且是做成左边是大图，右边是上下分开的小图加标题。所以我先插入一个双栏组件，再在右边的栏里再插入一个双栏，这样就实现了栏目的划分。接着在最左边的双栏位置插入一个大图，并且对它的宽度和高度调节。然后对最右边的双栏也插入一个图片组件，并且右键复制一个图片组件到下面（小技巧），如图接着拖入文本插件，这里需要注意，拖入第三文本框后，需要先对它的上间距进行调整，再拖入第四个文本框，这样才可以做到上下图片对应文字的标题与内容。（小技巧）插入底部导航组件，任何的App都有底部导航，而且每个页面都有，所以我这里需要提醒，每个页面的编辑完后，都需要插入一个底部导航。我自己一般是先编辑一个纯底部导航的页面，然后编辑其他页面的时候，我先复制这个纯底部导航的页面再编辑，这样能省下我不少时间。（小技巧）接下来是高级组件中的商品件。这个组件添加到你商品页面之后，你在前端的App制作只需要编辑一下这个版块的分布和排版就好。因为所有的商品数据和图片都是在后台中上架和调整价钱的，这也是方便后台的数据管理吧。不过我想吐糟一下，后台的数据整理和图片后，前端制作也看不到图片，需要自己预览App才能看见。进入后台管理，我们就看到商品管理这个选项。我们先添加分类，保证自己上架的物品不会混乱难以管理。分类好后再在每个对应的分类中添加商品和填写商品的信息即可。如图在商品管理后台上传了所有的商品数据后，现在只需要回到前端制作App的页面，在商品页面给每个商品填上对应后台的链接就可以了。非常方便快捷。既然商品都上架，并且让自己的商品在售了，那就需要学会管理后台的订单和查看订单，下面是订单管理页面。其实大家都在观望微信应用号，但是大家完全可以先制作一个webapp，等到应用号一上线，我们就可以把webapp的链接直接嵌入到应用号中。【相关推荐】 1. 2. 以上就是小程序开发的图文详解的详细内容，更多请关注米云其它相关文章！

2024-11-25 阅读全文 →

FWQ

小程序

开发微信支付基础知识总结

微信支付开发完成上线已经有两个多月了，如果没有做推广和宣传用户量不会很大。到现在也没有出现很大的支付量。微信支付以前想所有公众号放开了，才有机会写一些总结，以前微信支付没有向所有公众号放开，所以所有的文档不方便公开发表。从去年还是接入微信支付到现在过程中，发现微信支付的功能越来越完善了，功能也越来越丰富了。在开发初期遇到了好多坑。和微信对接的同学摸索了好久才发现的。开始双方对不同公司不同的接入环境的差异，遇到的问题是无法避免的。有一些特别要注意的方面我在这里这一些总结吧。 1、微信支付结果服务器Ip 是不固定的，一般公司如果需要做白名单，以前接入的支付方式几乎都可以，唯独微信告知全国服务器太多，无法告知支付结果通知的服务器，所以无法做白名单来预付恶意用户和，接入服务器和站点需要做特殊处理。 2、微信支付通知地址和接受服务器不能用Https 加密才可以正常访问，由于Https是基于第三方安全证书加密，开始没有注意，支付完成后，支付结果一直无法正常的通知。 3、在账号申请的时候必须确定提交授权支付目录，如：http://qq.com/b/a.html，所以授权目录必须是http://qq.com/b/目录，必须到最低级别的目录，否则目录下的页面是没有权限调用微信支付（)脚本的。这个要特别注意，一旦提交不可以修改支付目录。以前是不可以修改的，现在已经可以修改了。理论一个公众号只允许有一个支付授权目录哦。以前是这样的，现在就看你本事了。如果有多个产品接入用同一个服务器就悲剧了。不过看你关系了，其实一个服务器是可以申请多个支付授权目录的。 4、用户投诉返回目录申请账号也必须是固定的地址，理论上提交后不可以修改。对方都怎么说，随着系统逐步的成熟应该是可以的。如果接入支付要求必须接入用户投诉和反馈系统。 5、还没正式通过前，你所有的支付全都无法正常使用，包括测试。 6、测试必须要用正式账号，没有测试账号。在测试可以临时分配一个测试的授权目录。但是测试人的微信Id必须加白名单，否则是没有权限参与测试的。测试白名单最多只有20个账号。 7、一旦微信审核通过账号，在配置的测试授权目录在微信客户可以测是微信支付。如果一旦发布这个公众号的微信支付。不好意思，所有的微信支付测试地址的授权支付目录全部失效，如果有多个产品的话。这个时候只能用线上地址用于测试了。不过微信告知后续会放开此权限。 8、微信的Natvie支付申请账号的时候已经提交获取产品信息Getpackage回调地址。这个是最坑了，没有测试地址。只能用正式地址测试，没有测试地址可以用。虽然native支付不需要在授权目录页可以拥有微信支付的权限。最坑的时获取产品信息回调地址是正式的，所以测试地址也不能使用，最多只能调出个微信支付的姐妹而已。 9、所有和微信有交互的必须获取微信授权access_token.一般两个小时后会失效，必须重新获取后才可以和微信所有的交互。否则会告诉你没有权限。 10、微信的OAuth协议用户信息获取协议最惨了，给的文档是错的，沟通给的信息也是错的。这个也比较麻烦，必须在微信客户端在恶意获取微信信息，还必须去微信服务器中转一下跳转到制定的服务器地址后获取信息。微信的OpenId 是根据用户信息加上服务器信息生产的唯一Id,只要用户关注了微信的服务器，就可以通过用户的OpenId 给用户推送信息。现在微信5.2在做的即使用户没有关注也可以推送支付信息，此功能仅仅是在部分账号的特定功能。最后一句话，测试环境准备的还是很好，文档准确性和完整性也有待改进的。提供的demo 支持版本也需要改进。不过微信的支付推进的很快，以前好多不能使用的功能现在都可以使用了，发现改进的速度还是非常快的。期待在微信支付有新的飞跃。最后有一点就是微信也有霸王条款，在微信营用内接入微信支付，就不允许接入其它支付方式。这点比支付宝还狠哦。以上就是开发微信支付基础知识总结的详细内容，更多请关注米云其它相关文章！

2024-11-25 阅读全文 →

FWQ

小程序

微信小程序中tabBar底部导航的介绍

这篇文章主要介绍了微信小程序（三）tabbar底部导航详细介绍的相关资料,需要的朋友可以参考下 tabBar相对而言用的还是比较多的，但是用起来并没有难，在app.json中配置下tabBar即可，注意tabBar至少需要两个最多五个Item选项主要属性：对于tabBar整体属性设置：对于tabBar中每个Item属性设置：下面是官网一张图对tabBar描述： app.json的配置相对就简单了：相关文章： hello WeApp icon组件Window text组件 switch组件tabBar底部导航 progress组件 action-sheet应用生命周期 button组件 modal组件页面生命周期 checkbox组件 toast组件模块化详 form组件详 loading 组件数据绑定 input 组件 navigator 组件View组件 picker组件 audio 组件scroll-view组件 radio组件 video组件swiper组件 slider组件 Image组件以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！…

2024-11-25 阅读全文 →

FWQ

小程序

微信小程序开发怎样创建页面

我们有两个页面，index 页面和 logs 页面，即欢迎页和小程序启动日志的展示页，他们都在 pages 目录下。微信小程序中的每一个页面的【路径 + 页面名】都需要写在 app.json 的 pages 中，且 pages 中的第一个页面是小程序的首页。每一个小程序页面是由同路径下同名的四个不同后缀文件的组成，如：index.js、index.wxml、index.wxss、index.json。.js 后缀的文件是脚本文件，.json 后缀的文件是配置文件，.wxss 后缀的是样式表文件，.wxml 后缀的文件是页面结构文件。 index.wxml 是页面的结构文件： <font> <view> <view> <image></image> <text>{{userInfo.nickName}}</text> </view> <view>…

2024-11-25 阅读全文 →

FWQ

小程序

关于跑步微信的详细介绍

前言我已经把全部代码放在github上-wechatapp-run，可以下载来看看或者先star收藏，我以后还会进行一些优化更新。现在只是一个学习demo，大家沟通学习，实际应用还需更多优化。正文一、准备工作1、注册一个小程序账号，得用一个没注册过公众号的邮箱注册。2、注册过程中需要很多认证，有很多认证，比较繁琐，如果暂时只是开发测试，不进行提审、发布的话，只要完成营业执照号填写就可以了，不需要完成微信认证。3、注册完账号，登录，在主页面左边列表中点击设置，然后再设置页面中选开发设置就可以看到appid，用于登录开发工具。主页面设置页面二、开发工具可以到官网下载开发工具下载开发工具开发工具编辑页面三、开始项目打开开发者工具，选择小程序选项，到达添加项目页面添加项目这个时候在前面设置页面的appid就用到了。如果项目目录中的文件是个空文件夹，会提示是否创建quick start 项目。选择“ 1. 简介：首发于我的前言我已经把全部代码放在github上weChatAppRun，可以下载来看看或者先star收藏，我以后还会进行一些优化更新。现在只是一个学习Demo，大家沟通学习，实际应用还需更多优化。正文一、准备工作 1、注册一个小程序账号，得用一个没注册过公众号的邮箱注册。2、注册过程中需要很多认证，有很多认证，比较繁琐，如果暂时只是开发测试，不进行提审、发布的话，只要完成营… 2. 简介：微信小程序正式上线，很多地方在刷屏，我们可以看见很多人都在使用微信小程序，但是不少用户不会微信小程序怎么开发？下面的小编带来微信小程序开发实战教程，手把手教你开发跑步微信小程序，随着小编一起来了解下吧 3. 简介：一、准备工作1、注册一个小程序账号，得用一个没注册过公众号的邮箱注册。2、注册过程中需要很多认证，有很多认证，比较繁琐，如果暂时只是开发测试，不进行提审、发布的话，只要完成营业执照号填写就可以了，不需要完成微信认证。3、注册完账号，登录，在主页面左边列表中点击设置，然后再设置页面中选开发设置就可以看到AppID，用于登录开发工具。主页面设置页面二、开发工具可以到官网下载开发工具下载开发工具编辑页面_chinaz_ 【相关问答推荐】：以上就是关于跑步微信的详细介绍的详细内容，更多请关注米云其它相关文章！

2024-11-25 阅读全文 →

FWQ

小程序

如何实现微信小程序的转发功能

本篇文章主要给大家讲解微信小程序的转发功能怎么实现微信小程序官方文档:https://developers.weixin.qq.com/miniprogram/dev/api/ 实现小程序转发有二种方式，一种是用户点击右上角转发，一种是在html文件中通过button实现转发功能第一种方式: 在官方文档中搜索转发出现：点击链接会找到实例的代码: 把这部分代码放到这样就实现了转发功能了，这个里面的path一定要填路径，不然你转发给好友，好友点击会出现找不到页面的问题第二中方法: 用户点击button触发转发事件，实现转发功能: 放到wxml文件中，点击这个就可以实现转发了相关视频教程: 好了，转发功能就是这么简单，其实只要多看微信的开发文档，这些功能还是很容易就实现的以上就是如何实现微信小程序的转发功能的详细内容，更多请关注米云其它相关文章！

2024-11-25 阅读全文 →