自从我发布并开源WordPress版微信小程序以来,很多WordPress网站的站长问有关程序开发的问题,其实在文章:<用微信小程序连接WordPress网站>讲述过一些基本的要点,不过仍然有不少人对一些细节不明白,于是我就想着再写一篇比较全面而基础的教程,主要针对入门级别用户,高手就不用看了. WordPress版“守望轩”微信小程序开放源码地址:https://github.com/iamxjb/winxin-app-watch-life.net 至于标题,请原谅我,我标题党了. Word…
搭建mock服务器(微信小程序) 如何在微信小程序使用mock.js实在是个问题,为了完全模拟访问路由和数据,选择在搭建本地mock服务器是一个不错的选择. 以下示例了一个mock服务器的搭建过程以及以学生为对象进行增删改查分页的示例. 前提要求 安装了node.js 创建服务器 我们在自己电脑上选择一个位置,创建一个新的文件夹mockServer,用vscode打开这个文件夹 使用命令安装以下模块 cnpm install express body-parser cors nodemon mo…
如何快速地开发一个微信小程序呢?我觉得作为初学者,最好能有一个模板,然后改这个模板. 同样作为初学者,刚开始的时候我有下面的几个问题,后来通过问同学,我弄清楚了. 微信小程序可以连接MySQL或者SqlServer数据库. 可以用java或php语言写一个服务器端程序,将请求到的数据以json格式返回,小程序就可以将数据赋给页面的变量并且展示出来. 在这篇文章,我将分享我用到的模板原型以及讲解视频,相信大家看了视频就可以看懂代码了.然后我会分享一下这个需求的实现思路以及对微信小程序的一点认识.…
直播平台源码搭建教程:微信小程序中的直播如何去掉水印 本文与大家分享一下直播平台源码搭建教程,如何去掉直播视频的水印 var services = require('../../lib/service') var ReceiverOptions = null; Page({ data: { loading: false, videoInfo: {}, //{videoId:0,videourl:'',title:''} //0:加载完成(还有数据)  1:加载中  2:加载完成(没有更多数据了)…
一.注册小程序账号 1.进入微信公众平台(https://mp.weixin.qq.com/),注册小程序账号,根据提示填写对应的信息即可. 2.注册成功后进入首页,在 小程序发布流程->小程序开发与管理->配置服务器中,点击"开发者设置". 3.如下图,会获得一个AppID,记录AppID,后面创建项目时会用到. 二.下载微信web开发者工具 为了帮助开发者简单和高效地开发,微信小程序推出了全新的开发者工具 ,集成了开发调试.代码编辑及程序发布等功能.1.下载页面:htt…
一.注册小程序账号 1.进入微信公众平台(https://mp.weixin.qq.com/),注册小程序账号,根据提示填写对应的信息即可.2.注册成功后进入首页,在 小程序发布流程->小程序开发与管理->配置服务器中,点击"开发者设置".3.会获得一个AppID,记录AppID,后面创建项目时会用到. 二.下载微信web开发者工具 为了帮助开发者简单和高效地开发,微信小程序推出了全新的开发者工具 ,集成了开发调试.代码编辑及程序发布等功能.1.下载页面:https://m…
一.概述     特点:对商家来说,小程序的开发成本低(有丰富的组件.api等).运营成本低(有数据日志等).稳定.互动流畅,便于分享.传播(基本微信平台的大量用户).对用户来说,扫码即可获取服务,随时可用,无须安装卸载     市面上的一部分互联网产品划分(图片来在网络):                       一些刚需和高频的金融类.电商类.教育类等其实是最不适合接入小程序的.这些功能都太重了,小程序难以承载.再加上小程序是无法被关注的,这也就以为着,它没有办法获取用户更多的信息,这对…
一.注册小程序账号 1.进入微信公众平台(https://mp.weixin.qq.com/),注册小程序账号,根据提示填写对应的信息即可.2.注册成功后进入首页,在 小程序发布流程->小程序开发与管理->配置服务器中,点击“开发者设置”.3.会获得一个AppID,记录AppID,后面创建项目时会用到. 注意:如果要以非管理员微信号在手机上体验该小程序,那么我们还需要操作“绑定开发者”.即在“用户身份”-“开发者”模块,绑定上需要体验该小程序的微信号.本教程默认注册帐号.体验都是使用管理员微信…
前言 微信小程序年前的跳一跳确实是火了一把,然后呢一直没有时间去实践项目,一直想搞但是工作上不需要所以,嗯嗯嗯嗯嗯emmmmm..... 需求 小程序语音识别,全景图片观看,登录授权,获取个人基本信息 一:基础框架 官方开发文档:https://developers.weixin.qq.com/miniprogram/dev/ (其实官方文档写的很清楚了) 跟着官方文档一步一步来,新建一个小程序项目就好 然后呢,毕竟默认的只是基本骨架,肌肉线条还是要自己填的  app.json 是当前小程序的全…
大家都知道微信小程序并没有开放个人申请注册账号,觉得很遗憾,作为一个开发者,居然不能一览究竟. 前段时间研究了一番,教大家如何个人申请注册一个小程序账号,不花300块钱,当然只能作为开发尝鲜,不能发布. 闲话不多说,马上开始. 1.访问https://mp.weixin.qq.com微信公众平台,先点击右上角:“立即注册”. 2.毫无疑问,选择微信小程序. 3.使用一个没有注册过公众平台的邮箱来注册小程序,填写邮箱,密码,验证码,填写完后,点击:“注册”按钮 4.邮箱会收到验证链接,登录邮箱点击…
学会一项开发技能最快的步骤就是:准备,开火,瞄准.最慢的就是:准备,瞄准,瞄准,瞄准-- 因为微信小程序比较简单,直接开撸就行,千万别瞄准. 于是乎,趁着今天上午空气质量不错,撸了一个小程序,放在了男性交友网站上了, 我添加了很全的注释,大家赏个star. 地址:https://github.com/yll2wcf/wechat-weapp-lifeTools 功能介绍 功能比较简单,调用了百度ApiStore的接口即时查询空气质量. 我计划多加一些功能,争取把微信小程序提供的功能全用一遍. 也…
一.Taro简介 1.名字由来 Taro['tɑ:roʊ],泰罗·奥特曼,宇宙警备队总教官,实力最强的奥特曼. 2.taro是什么 Taro 是一个开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5 等应用. 3.官方文档 https://taro-docs.jd.com/taro/docs/README/index.html 二.安装 1.node版本 node版本需要>=12.0.0(可以命令行输入 node…
文章目录 1.注册微信小程序账号 1.1 小程序的注册流程 1.2 登录小程序账号 2.下载微信小程序开发者平台 3.新建一个小程序 3.1 点击加号 3.2 填写项目目录和小程序ID 3.3 点击确定.初始化小程序 1.注册微信小程序账号 地址链接:https://mp.weixin.qq.com/ 1.1 小程序的注册流程 1.2 登录小程序账号 2.下载微信小程序开发者平台 下载地址链接:https://developers.weixin.qq.com/miniprogram/dev/de…
0.0 前期准备 微信小程序的出现极大地降低了个人开发者微创业的门槛,不需要后端技术,不需要服务器和域名这些乱七八糟的前置操作,只需要懂得前端技术,就能发布一款属于自己的轻量级应用,简直是前端开发者的福音呐…
简单来说分两步走: 1.配置项目根目录的 app.json 文件中的 navigateToMiniProgramAppIdList { "pages": [ "pages/index/index" ], "navigateToMiniProgramAppIdList": [ "小程序APYID" ] } 2.在项目对应的 wxml 中使用 navigator 标签进行配置 <navigator class="&…
配置别名可以方便书写代码引用路径,让代码更整洁. 官方文档可参考https://nervjs.github.io/taro/docs/config-detail#alias 一.在config/index.js下配置alias const config = { --- alias: { '@/components': path.resolve(__dirname, '..', 'src/components'), '@/utils': path.resolve(__dirname, '..',…
一.关于dva dva 首先是一个基于 redux 和 redux-saga 的数据流方案,然后为了简化开发体验,dva 还额外内置了 react-router 和 fetch,所以也可以理解为一个轻量级的应用框架. 具体内容可以看官网. 二.在taro中配置dva 1.安装如下依赖 npm install --save dva-core dva-loading npm install --save redux react-redux redux-thunk redux-logger 2.在sr…
1  思路整理 就是页面加载完毕的时候  请求远程接口,然后把数据赋值给页面的变量 ,然后列表循环 2 js相关代码  我是改的 onload函数 /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { var that = this;//这里注意,要不然setData不可用 wx.request({ url: 'http://****/index.php/Home/Wechat/index', // 仅为示例,并非真实的接口地址 header:…
var wxTimer = new wxTimer({ beginTime: "00:00:20", complete: function () { wx.redirectTo({ url: './game' }) } }) wxTimer.start(this); ----------------------------------------------------------- var wxTimer = function (initObj){ initObj = initObj…
1.创建项目 2.创建目录及文件,结构如下:…
marquee.json { "component": true, "usingComponents": {} } marquee.wxml <!--components/marquee.wxml--> <view class='marquee_container'> <view class='marquee_text' style='{{ orientation }}:{{ marqueeDistance }}px;font-size…
「小程序」这个划时代的产品发布快一周了,互联网技术人都在摩拳擦掌,跃跃欲试.可是小程序目前还在内测,首批只发放了 200 个内测资格(泪流满面).本以为没有 AppID 这个月就与小程序无缘了,庆幸的是微信这两天发布了正式版开发者工具,无需内测邀请也可以尝鲜了. 因此也就有了我与「小程序」的初体验,而我的感受只有一个字——爽! 选择哪个「小程序」Demo? 在知名同性交友网站 Github 上,「小程序」的 Demo 不少,但是大多只是简单的 API 演示,有的甚至直接把页面数据写在了 json…
「小程序」这个划时代的产品发布快一周了,互联网技术人都在摩拳擦掌,跃跃欲试.可是小程序目前还在内测,首批只发放了 200 个内测资格(泪流满面).本以为没有 AppID 这个月就与小程序无缘了,庆幸的是微信这两天发布了正式版开发者工具,无需内测邀请也可以尝鲜了. 因此也就有了我与「小程序」的初体验,而我的感受只有一个字--爽! 选择哪个「小程序」Demo? 在知名同性交友网站 Github 上,「小程序」的 Demo 不少,但是大多只是简单的 API 演示,有的甚至直接把页面数据写在了 json…
2018年9月,微慕小程序(以下简称微慕版)发布以来,一直想写一篇详细详细的说明文字,全面解读这套专业的WordPress小程序.昨天,又上线了一个稳定版本后,我才下决心,也更有信心,写点文字,向你推荐我花了半年时间开发这套小程序产品. 自从2017年初,我发布开源版的WordPress微信小程序(以下简称开源版).开源版程序最开始是我学习小程序开发的成果,为了让更多的WordPress站长可以方便搭建自己的微信小程序,于是我就开源到了github上,没想到很多WordPress站长喜欢,截止到…
自动我发布开源程序WordPress版微信小程序以来,很多WordPress站长在搭建微信小程序的过程中会碰到各种问题来咨询我,有些问题其实很简单,只要仔细看看我写的文章,就可以自己解决.不过这些文章里无法涵盖所有的技术点,因为涉及Wordpress和微信小程序两套程序系统,有些技术点对于小白用户来说确实有些难度,因此我考虑写一个系列文章介绍WordPress版微信小程序开发的相关技术要点. 今天介绍第一个技术要点:WordPress REST API.WordPress REST API无法访…
近来的工作比较多,同时也在思考这个项目未来的发展方向,尽管不断有新的wordpress站长,利用我的开源程序搭建了微信小程序,但个人对这个项目的热情日渐减少,促使我不断完善和维护这个开源项目的动力也再减弱.我需要找到新的前进方向和动力,如果只是靠我个人的爱好和热情是无法把这个项目继续下去的. 有人问我,为什么考虑用wordpress做后端来搞小程序,主要有两个原因: 1.我的网站:守望轩就是用wordpress搭建的,做了小程序后,可以让我的网站和我写的的文字有更多的渠道去传播. 2.使用wor…
WordPress版微信小程序功能已经基本完善,利用这套程序,搭配WordPress提供的rest api,WordPress网站的站长可以快速搭建属于自己的网站微信小程序 . WordPress版微信小程序开放源码地址:https://github.com/iamxjb/winxin-app-watch-life.net 如果你对小程序还不了解,可以先去看看我以前写的wordpress版微信小程序的系列文章: 1.用微信小程序连接WordPress网站2.WordPress版微信小程序1.5版…
1.小程序介绍 小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用.也体现了“用完即走”的理念,用户不用关心是否安装太多应用的问题.应用将无处不在,随时可用,但又无需安装卸载. 2.学习资料的推荐 官方文档: https://mp.weixin.qq.com/debug/wxadoc/dev/?t=1474643026176 开发工具: https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/d…
wframe不是控件库,也不是UI库,她是一个微信小程序面向对象编程框架,代码只有几百行.她的主要功能是规范小程序项目的文件结构.规范应用程序初始化.规范页面加载及授权管理的框架,当然,wframe也提供了一些封装好了的函数库,方便开发者调用. wframe目前已实现的核心功能: 1. 应用程序初始化自动从服务器获取配置,ajax成功后触发ready事件: 2. 每个页面对象可以配置是否requireLogin属性,如果需要登录,则每个页面在进入ready方法之前会自动完成授权.获取用户信息.服…