< 小程序静态资源无缝转移到腾讯云COS 使用wepy mpvue 等webpack打包的小程序项目 >
今天介绍的工具是wecos [https://github.com/tencentyun/wecos] * 原生小程序 原生的小程序直接根据wecos的文章操作即可,wecos提供了上传本地资源文件到cos、替换小程序的引用本地路径为上传路径等。 这里不作详细说明,主要介绍webpack打包的小程序项目。 因为原生写起来很不方便。 * webpack小程序打包项目 最好是开发完再来进行这一步,前期专心开发。 我前期开发时,引用静态资源用的是相对路径,用的绝对路径应该也可以的。 项目开发完后 1. webpack设置打包后的cdn地址, webpack rules选项: { test: /\.(png|jpg|jpeg|gif|svg)$/, use: { loader: 'file-loader', options: { n
2018-12-13
< 小程序开发之七(PC网页端扫小程序码登陆解决方案) >
最近做了一个小程序我爱阅读,是一款针对小学生阅读习惯培养的一个小程序工具,有兴趣的可以了解下。 小程序在学校反映不错,于是有了老师提出需要PC网页端的需求。因为老师平时办公一般在电脑上,在电脑上给学生布置阅读作业,会更方便得多,而移动小程序端对于老师来说更像一个辅助工具,平时用不到电脑时可以通过小程序操作。而且学生的阅读数据再网页展示也方便老师在课堂上给学生投影展示。 于是乎就有了网页端的需求。 登陆 这是要做网页端最开始要解决的问题。 一开始有一下解决方案 1. 初始化账号密码,网页通过账号密码登陆 2. 微信开发平台,公众号和小程序绑定,通过公众平台的网页二维码授权登陆。 但以上两种方法都不能很好地解决需求: * 第一种,初始化账号密码,秘密好办可以统一初始密码,但用什么作为账号呢?微信用户名,openid不可能,用户手机又不是全都用。就算解决了初始化账号密码问题,安全度也不高。 * 第二种,有个缺陷就是用户必须关注了绑定的公众号后再进入小程序,才可以实现。我们现在主打的是小程序,公众号只是运行的一个中间平台。而且很多新用户是通过小程序分享的链接进入,完全没法
2018-05-24
< 小程序开发之六(小程序使用GraphQl) >
之前文章有介绍到graphql的好处,而且很大可能就是未来Restful api的代替者,不过以后的事谁也不好说啊。反正就是好的东西,我们就想折腾下用起来。最近自己写了小程序,想顺便学习graphql,实践。于事有了本篇教程 Apollo Apollo是一整套的关于GraphQl的工具套件吧,各种后台语言java、php、nodej的都有,关于前端框架封装GraphQl,让GraphQl使用更简单,更优化的库类也都有。vue、react等。 小程序 但小程序不同传统的网页。小程序是无浏览器环境的,而且也没ajax用的是自己的api。很显然apollo这么好的社区出的这么好的工具在小程序上根本没法用啊。 毕竟小程序比较小众,想用的话就只能自己折腾了。 原理 其实GraphQl请求跟Restfel api的请求一样,都是一个http请求。只是GraphQl的请求入口有且只有一个,一般是graphql服务端的入口,一般是/graphql 而且是post放,所有。 所以GraphQl请求无非就是post方法的http://xxxx.com/graphql 的请求后台再传这graph
2018-04-25
< 小程序开发之二(路由拦截设计) >
首先说下小程序的简单运行: 1.app onLaunch 2.如果有app onLaunch 的 path参数有值则跳到 path对应页面否则为app的json第一个路由 onLaunch 的path怎么来的? 1.通过分享给朋友的接口传的path 暂时只发现这个 app onLaunch 里拦截路由? 以后可得知小程序统一入口就是app的onLaunch,所以在onLaunch 拦截是最理想的。但是onLaunch里并没有提供拦截的接口或方法,当你在onLaunch有异步处理时,还没处理完,onLaunch就直接跳到了下一个页面了。 例如:你想获得用户信息在进入页面。 你在app onLaunch去请求用户信息,但onLaunch不会等你请求完再跳到页面。 所以在app没办法实现。 app.json第一个路由里拦截!!! 既然app里面实现不了只能退居求次在第一个页面处理了,因为当没有path(onLaunch(option))也就是正常打开小程序都会进入第一个页面,我们可以在第一个页面统一处理好逻辑再选择去跳其他页面。 分享的页面带path会直接跳到path页面不
2018-03-05
< 小程序开发之一(使用fly进行http封装) >
下载fly js文件 fly小程序文档 [https://wendux.github.io/dist/#/doc/flyio/wx] /api/config.js 配置,主要配置全局的host url和request拦截和request拦截 var Fly=require("../lib/wx.js") //wx.js is your downloaded code var fly=new Fly(); //Create an instance of Fly // Add interceptors fly.interceptors.request.use((config,promise)=>{ wx.showLoading({ title: '加载中', mask:true }) // Add custom headers return config; }) fly.interceptors.response.use( (response,promise) => { if(typeof (response.data)=='str
2018-03-05
00:00
00:00