wepy官网:https://tencent.github.io/wepy/document.html,想要了解全面最好去官网,以下只是指出项目里常用地方. 1.页面跳转 (1)//有返回跳转wepy.navigateTo({url: "/pages/address_add"}); (2)//无返回跳转wepy.switchTab({url: '/pages/shop_cart'}) 2.组件间通信 (1)由一个页面或组件对另一个组件中的方法的直接调用 this.$invoke('co…

目标:做个横向导航,可以横向滚动. 思路:使用scroll-view组件,可实现横向滚动功能.scroll-view内包含一个动态的view列表,代表导航的每一项,导航要接收动态数组,然后使用列表展示.使用模板技术做到可复用. 按照思路,先要做个template. 新建一个wxml文件:navbar.wxml <template name="navbar"> <scroll-view class='navbar' scroll-x="true" s…

大家好,我叫小秃僧 这次分享的是10分钟零基础学会做一个快递查询微信小程序,快速掌握开发微信小程序技能. 这篇文章偏基础,特别适合还没有开发过微信小程序的童鞋,一些概念和逻辑我会讲细一点,尽可能用图说明更清楚.分享快乐! 学完这篇,起码学会以下几点 了解微信开发者工具和云开发代码目录 轮播图的实现 使用wx.request去请求数据 使用vantUI组件 学会开通并使用云开发提供的cms数据管理后台 从编写代码到上线一个微信小程序的全过程. 先看看效果: 看完快递查询微信小程序的效果之后,为了更…

微信小程序的功能开发工具跟公众号的差别,小程序是一种减负思维对简单APP是巨大打击 摘要: 小程序和公众号最大的区别有如下四点:1.小程序没有粉丝,开发者在后台能看到的只能是累计用户访问数以及实时统计:2.小程序不能发送消息3.小程序没有webview,外链无施展之地4.小程序不能分享到朋友圈实现了张小龙说的:无需安装.触手可及.用完即走.无须卸载.在小程序中可以使用定位.拍照.录音.socket.音频.视频.文件.地图.重力感性.扫码等等,如此丰富的接口足以创造出新奇的应用出来.从小程序的理念…

本文将详细介绍微信小程序的蓝牙开发流程(附源码)准备:微信只支持低功耗蓝牙也就是蓝牙4.0,普通的蓝牙模块是用不了的,一定要注意. 蓝牙可以连TTL接到电脑上,再用XCOM调试 一开始定义的变量 var deviceId;var i=0;var serviceId=[];var characteristicId=[]; 蓝牙开发流程:1.打开蓝牙适配器 2.搜索周围蓝牙 3.获取搜索过程中所搜索到的设备信息 4.连接想要连接的设备 5.获取服务.特征值 6.写数据.读数据 具体实现:1.打开蓝牙…

本文档将带你一步步创建完成一个微信小程序,并可以在手机上体验该小程序的实际效果.这个小程序的首页将会显示欢迎语以及当前用户的微信头像,点击头像,可以在新开的页面中查看当前小程序的启动日志.下载源码 1. 获取微信小程序的 AppID 如果你是收到邀请的开发者,我们会提供一个帐号,利用提供的帐号,登录 https://mp.weixin.qq.com ,就可以在网站的“设置”-“开发者设置”中,查看到微信小程序的 AppID 了,注意不可直接使用服务号或订阅号的 AppID . 如果没有收到内测邀…

ArthurSlog SLog-71 Year·1 Guangzhou·China Sep 12th 2018 ArthurSlog Page GitHub NPM Package Page 掘金主页 简书主页 segmentfault 道常无为而无不为 开发环境MacOS(High Sierra 10.13.5) 需要的信息和信息源: 小程序官方文档 小程序端API文档(客户端) 云端API文档(服务端) 前言 "云开发" 封装好了一些常用的业务逻辑,提供了以下方面的相关API供开发…

微信小程序--使用云开发完成支付闭环 1.流程介绍 2. 代码实现和逻辑思想描述 云函数统一下单 对应云函数 unipay [CloudPay.unifiedOrder] 函数思路 : 调用云函数封装功能,用时间戳生成对应订单号,进行统一下单处理,如果两个返回结果都是SUCCESS,那么将该订单记录写入数据库,状态设置为waiting body填写商户名称 subMchId填写商户ID,在云函数环境管理后台获取 const cloud = require('wx-server-sdk') clo…

这段时间,嗯,大四课程已经结束了,工作也已经找到了,但是呢,到公司报道的时间还没到,哈哈,马上就开始人生的第一份工作了,怎么说确实有点期待~ 在这段时间一方面为第一份工作做各种准备,另一方面也没有停止自己对互联网的探索,哈哈,于是乎,就决定折腾微信小程序了. 废话就省了,哈哈.快速开始吧: 首先参照 微信小程序官网开发教程 注册好微信小程序账号以及下载好开发者工具. 在按照官网开发文档准备好账号和工具后,就到了我们正正要玩的东西了:编程~~ 打开开发者工具并简历一个最初的demo项目: 程序结构…

微信官方已经开放微信小程序的官方文档和开发者工具.前两天都是在看相关的新闻来了解小程序该如何开发,这两天官方的文档出来之后,赶紧翻看了几眼,重点了解了一下文档中框架与组件这两个部分,然后根据简易教程,做了一个常规的todo app.这个app基于微信小程序的平台,实现了todo app的常规功能,同时为了让它更接近实际的工作场景,也用到了loading与toast这两个组件来完成一些操作的交互与反馈.这个平台给我的直观感受是,技术层面,它跟vue有相似性,但是远没有vue强大:开发时候的思路,不…

微信官方已经开放微信小程序的官方文档和开发者工具.前两天都是在看相关的新闻来了解小程序该如何开发,这两天官方的文档出来之后,赶紧翻看了几眼,重点了解了一下文档中框架与组件这两个部分,然后根据简易教程,做了一个常规的todo app. 这个app基于微信小程序的平台,实现了todo app的常规功能,同时为了让它更接近实际的工作场景,也用到了loading与toast这两个组件来完成一些操作的交互与反馈. 这个平台给我的直观感受是,技术层面,它跟vue有相似性,但是远没有vue强大:开发时候的思路…

大家都知道微信小程序并没有开放个人申请注册账号,觉得很遗憾,作为一个开发者,居然不能一览究竟. 前段时间研究了一番,教大家如何个人申请注册一个小程序账号,不花300块钱,当然只能作为开发尝鲜,不能发布. 闲话不多说,马上开始. 1.访问https://mp.weixin.qq.com微信公众平台,先点击右上角:“立即注册”. 2.毫无疑问,选择微信小程序. 3.使用一个没有注册过公众平台的邮箱来注册小程序,填写邮箱,密码,验证码,填写完后,点击:“注册”按钮 4.邮箱会收到验证链接,登录邮箱点击…

作为一个 Java 程序员,早就想尝试一把微信小程序,但是一直苦于没有想法,再加上做一个漂亮的页面实在不太擅长. 由于自己比较喜欢历史,经常看历史方面的书.在一次梳理中国现有的朝代时,突然想到,要是可以做成一个小程序,应该是不错的,于是 5 月初便注册了一个微信小程序开发账号,试着摆弄这个小程序. 说实话,对 UI 和 UX 一窍不通,还真的不好设计.页面布局可以模仿,js 也将就可以写写, css 还真的驾驭不了. 想着要是有一个 UI 框架,可以方便快捷搭建一个小程序就太好了.于是,就找到了…

腾讯推出微信小程序也有一段时间了,在各种行业里面也都掀起一阵阵的热潮,很多APP应用被简化为小程序的功能迅速推出,同时也根据小程序的特性推出各种独具匠心的应用,相对传统的APP来说,微信小程序确实能够大大降低开发成本和难度,但也意味着需要掌握整个微信小程序的各种接口功能.应用场景等相关技术点,本篇随笔先从大的方面来介绍微信小程序开发的一些知识,如架构设计.技术路线 .工具准备等方面做一些浅薄的介绍,希望大家也有所收益,有所借鉴,则善莫大焉. 1.小程序的统一架构设计 在我们开发各种应用的时候,总…

1.一个可以忽略的前言 最近在做的一个项目,客户要做一个直播平台,主播发起视频直播,然后其他人进入房间观看这样子,跟其他直播平台不同的是,主播可以打赏观众,噗. 因为客户要做的是一个民宿的微信小程序,所以这个直播发起也是在微信小程序中完成的,好在后来查到微信小程序中有这种组件,之前想说用H5来做但是发现在移动端不同型号的兼容性问题非常不理想基本放弃了, 还有一种方式就是做个app了,但这就在我的知识范围之外了,用webApp的话也没找到这种采集摄像头视频的api,只找到发起摄像头摄像的api,并…

今天给大家带来微信小程序倒计时组件具体开发步骤: 先来看下最终效果: git源:http://git.oschina.net/dotton/CountDown 分步骤-性子急的朋友,可以直接看最后那段代码. wxml文件放个text <text>second: {{second}} micro second:{{micro_second}}</text> 在js文件中调用 function countdown(that) {  var second = that.data.seco…

之前一直在做iOS平台的App和SDK开发,发现微信小程序还蛮有意思的,花了将近几天的时间,从看书学习到萌发想法,最后开发出一款小应用,现在花点时间总结一番!作为自我勉励和后续继续学习动力- 先上效果图:                                                                  小程序码如下,用户打开微信使用扫一扫,即可启动: 或者在小程序列表里搜索关键字"DCL每日查看",即可搜索到,启动即可! 1.0.2 新版本 附上最近开发…

微信小程序之和风 序 凑了一把微信小程序的热闹!12月,小程序正式发布,很火,但随之而来的是各种冷水,唱衰之调随处可见.但作为一个小前端,岂能有新技术却弃之不顾之理,更何况是微信出品的?抱着学习和研究的态度,才有了今天的这个我称之为DEMO的和风小程序,以及小小的总结. 源代码在这里:https://github.com/CaptainLiao/wechatProgram 实现功能 天气预报 这是最先尝试的,用和风天气的API,好处是免费,但不是很稳定的说.具体实现: 列表渲染 切换隐藏/显示…

最近听说微信小程序发布了云开发,可以不需要购买服务器,就能开发小程序和发布小程序,对于动辄千元的服务器,极大的节约了开发成本,受不住诱惑,我就开始了小程序的云开发,目前项目已上线,亲测不收费,闲不住的可以试试 第一步:点击云开发 第二步:创建新环境,免费给予的基本够个人使用 第三步:根部新建文件夹: cloudfunctions   第四步:project.config.json配置云开发文件夹 "cloudfunctionRoot": "cloudfunctions/&qu…

前言 火爆的微信小程序:跳一跳.摩拜单车.美柚.大众点评.滴滴出行 背景 为什么会有小程序? 微信最早推出公众号和服务号,公众号和服务号所传播的网页经常出现加载缓慢甚至页面空白的情况. 微信小程序的诞生就是为了有更好的手机原生应用体验,保证在微信内浏览页面能够快速加载,同时微信能够加强对应用进行规范和管理. 最早腾讯针对该情况的解决方案是退出JSSDK(公众号网页调试工具)开发工具包,JSSDK虽然可以便捷开发和微信原生应用:例如微信支付.定制化分享.卡卷等:但是JSSDK的开发标准比较宽泛,开…

一个小程序最多5个服务类目,一个月可以修改3次类目 小程序侵权投诉的发起与应对 软件著作权作品登记证书 实现小程序支付功能 如何借助官方支付api简单.高效率地实现小程序支付功能 借助小程序云开发实现 只需要一个简单的云函数 实现微信小程序支付功能 exports.main = async(event, context) => { const wxContent = cloud.getWXContext() let { orderid, money } = event; // 初始化支付 con…

微信小程序基础概念 小程序云开发的三大基础能力:云数据库.云函数.云存储 Java.NodeJS.JavaScript.HTML5.CSS3.VueJs.ReactJs.前端工程化.前端架构 小程序开发入门基础,开发流程,云开发的使用,独自完成小程序开发 什么是小程序:小程序是一种不需要下载安装即可使用的应用,它实现了应用"触手可及"的梦想,用户扫一扫或者搜一下即可打开应用.也体现了"用完即走"的理念,用户不用关心是否安装太多应用的问题.应用将无处不在,随时可用,但…

开源项目 wepy-wechat-demo:基于wepy开发的仿微信聊天界面小程序 深大的树洞:基于wepy开发的树洞类微信小程序 wepy-demo-bookmall:微信小程序…

微信小程序托管 外包 微信小程序外包 H5外包 就找北京动点软件 长年承接微信小程序.微信公众号开发 全职的H5开发团队,开发过几十款微信小程序公众号案例 欢迎来电咨询,索取案例! QQ:372900288 微信:liuxiang0884 TEL:13911652504…

11月2日更新: 微信小程序支持内嵌网页,新增 <web-view /> 组件调试支持: 传送门 <!-- wxml --> <!-- 指向微信公众平台首页的web-view --> <web-view src="https://mp.weixin.qq.com/"></web-view> 一.小程序的特点: 1::小程序适合做简单的,用完即走的应用 2:小程序适合低频的应用 3:小程序适合性能要求不高的应用 例如:外卖类,电…

小程序wifi控制开发方案 ----- 由小程序通过公众号给wifi控制板进行配网,后台服务器自动生成设备名并注册在数据库中,wifi控制板自动保存生成的设备名,小程序可读取WIFI控制板的数据,控制各输出口,设置输出口定时开关,还可在设备管理页面把操作权限授权给好友,可统计各个WIFI控制板的使用情况.应用在智能家居.门禁系统.自动售卖机,工业自动化.农业自动化.wifi插座.wifi彩灯等领域.…

小程序为什么要接入云? 目前,开发者在开发小程序过程中,主要遇到以下几个问题: 小程序发布大小超限 微信官方限制小程序的发布代码不能超过 1MB,而在实际开发过程中,一般的小程序难免会有图片等富媒体文件,而这些富媒体文件会占用大量的存储空间,最终导致整个上传的程序包超过限制.因此,开发者需要将代码端自带的富媒体数据上传到云端进行存储,让小程序做到真正的「小」. 存储空间不足 对于支持 UGC 的小程序,用户每天都会产生大量的交互数据,自有存储服务器容量不足,因此产生了存储海量数据的需求. 文件加…

最近开始了解微信小程序,虽然小程序已经出了很久了,刚出的那段时间很火,看到很多关于小程序的技术文章,不过现在似乎没那么火了,anyway,我们还是可以学习下的. 一.了解微信小程序 1.理念:小程序开发框架的目标是通过尽可能简单.高效的方式让开发者可以在微信中开发具有原生 APP 体验的服务. 2.框架:框架的核心是一个响应的数据绑定系统.整个系统分为两块视图层(View)和逻辑层(App Service),框架可以让数据与视图非常简单地保持同步.当做数据修改的时候,只需要在逻辑层修改数据,视图…

在微信小程序开发中,有时候swiper-view会出现显示不全的问题,我们可以用scoll-view来把它包裹下,但是要用scoll-view就一定要设置height,而我们经常是在页面中加的这个组件,要怎么知道它的高度呢?我找了好多答案,最终就整理如下: 整理下思路:就是在页面加载后去计算出页面中已知组件的所有高度和,然后再用页面整体大小减去这个高度和. 先讲一下如何获取页面总体高度吧.可以用wx.getSystemInfo(Object object)或wx.getSystemInfoSyn…

动手撸一个校园网微信小程序 高考完毕,想必广大学子和家长们都在忙着查询各所高校的信息,刚好上手微信小程序,当练手也当为自己的学校做点宣传,便当即撸了一个校园网微信小程序. 效果预览 源码地址:Github✨✨求你的小星星- 准备工作 微信小程序开发者工具:腾讯开放了小程序个人开发平台,只需要一个微信号就可以成为小程序开发者了. 微信小程序设计指南:由于小程序是一个平台,所以平台上的开发者必须要遵守规范.  easy-mock:使用easy-mock模拟后端数据,后面会简单介绍配置. 七牛云:使用…