如何打造自己的博客小程序呢?...博主一直有想法把WordPress的内容放到小程序上,但是去对了下WordPress和微信小程序的API都对不上,自己不好开发,但是这几天在没事上网查的时候,发现一个程序可以满足自己的想法,随后开干,有了现在的可定博客小程序...安装 这里使用的是微慕开源的小程序,下面有教程,按着教程一步步来就行。...微慕WordPress小程序开源版WordPress版微信小程序开发系列(二):安装使用问答WordPress版微信小程序安装使用说明 效果 首页 ? 专题页 ? 关于本站 ? 我的 ? 海报 ?...版权所有:可定博客 © WNAG.COM.CN 本文标题:《WordPress博客连接微信小程序》 本文链接:https://wnag.com.cn/1110.html 特别声明:除特别标注,本站文章均为原创
基于ghost搭建自己的博客有一段时间了,如今小程序大火,于是想花点时间去实践下小程序的开发,就想着,干脆弄一个小程序版的博客吧。...一些准备 ghost是开源的博客系统,也提供了常用的公共API供多平台调用,这样的话我的小程序版博客后端数据支持就有了。...在开发基于ghost的小程序版博客之前,首先你得了解ghost,当然这不是必要的,你可以自己搭建你的后端服务或者也可基于WordPress。...博客评论、统计、打赏接入 当你决定采用ghost作为你的后端服务时,你还得了解它的API,也可参考我之前写的一篇文章: Ghost开源博客Restful API相关介绍 最后,还需要一项准备,微信小程序请求服务端必须是...另外,申请个个人账号吧,由于和微信公众号平级,所以需要未申请过微信公众号的邮箱。 一些配置 登录微信公众平台|小程序之后,还是需要配置些东东的。
个人做微信小程序必须考虑到工作量和资金的问题,这篇文章总结出一套针对个人切实可行的方案。本文章重点在抛砖引玉,而不是对各种细节的详细描述。...读者可以根据文中提到的各种关键词,查阅相关资料 方案包括 在Ubuntu上面使用flask建立web服务器 使用花生壳内网穿透 使用花生壳提供的带备案信息的域名 使用腾讯云提供的免费https证书 微信小程序网络连接的注意事项...详情见:https://hsk.oray.com/ 使用花生壳提供的带备案信息的域名 微信小程序和服务端的通行只能通过微信提供的wx.request这个函数。...微信小程序网络连接的注意事项 小程序对服务器域名的验证还是很严的。域名需要现在小程序后台中配置后才能使用,而且端口号和二级域名都要一致才行。域名没有备案时,在配置的时候就会提示错误。...小程序的开发在微信提供的小程序开发工具中进行,工具中可以设置在开发版本不进行域名合法性检查。
昨天看了一下微信小程序官方文档,总结一下自己学习的个人心得. ---- 首先从官方文档给的框架说起,微信小程序官方文档给出了app.js, app.json, app.wxss....下面我们就简单的介绍一下微信小程序的API. 微信小程序框架给我们提供了丰富的微信原生API,可以方便的调用微信提供的能力,如获取用户信息,本地存储,支付功能等....API的具体调用请看 微信小程序API文档 因为现在微信小程序还在内测期间,我也没有内测号,所以具体的调用API代码需要在微信小程序开放之后,根据具体的逻辑进行实现.而且微信API文档已经给的非常清楚...一个好的程序,那么接下来我们就讲讲微信小程序是如何对页面进行渲染的。...在微信小程序中采用了微信自己原生的渲染方式。微信小程序的页面布局采用的是wxml,然后结合基础组件,事件系统构建出来页面的结构。
在上一篇介绍了小程序版博客整体框架之后,后面就开始细化细节和功能点了,这篇主要记录下图片相关的问题及我的处理方式 图片来源问题 前面提到,小程序服务端的数据是基于Ghost的公共API的,在设计首页文章列表时...post.slug + '.jpg'; } 图片大小问题 接着碰到的问题就是图片大小了,尤其是我的专题中使用的card组件,其中的图片是100*100,而写文章时,头图肯定是网上找的,大小不一,小程序加载后再压缩影响必然会牺牲性能...小程序里图片提供了binderror的属性,当图片加载失败时会触发该属性。
说起微信小程序很多站长们应该都不陌生,刚开始的时候明月对小程序也有过关注,后来因为实在是想不出来自己的需求点在哪里留给淡忘了,上个月在看到【守望轩】博客开源的“WordPress 微信小程序”项目后非常认可博主的这个思路...明月上周五开始自己尝试对接,在微信群里大家的帮助下终于在今天通过了微信的小程序审核,本博客微信小程序『草根博客站长 Live』终于发布上线了!...用微信〖扫一扫〗扫描上图二维码即可关注体验本博客的微信小程序了,当然也可以关注本博客微信公众号〖草根博客站长有话说〗来体验小程序,目前可以实现的功能有: 博客站点首页以及指定分类目录文章的浏览。...后台安装“微信小程序设置”插件来跟微信小程序对接了,这个插件需要手动下载上传的,然后在 GitHub 下载【守望轩】博客开源的“WordPress 微信小程序”源代码压缩包,解压后用微信 Web 开发者工具...最后,再次感谢大家关注本博客微信小程序(跟最开始的二维码是一样的,只是不同的样式而已),也欢迎大家对小程序布局、内容上提出宝贵建议哦,有关 WordPress 对接微信小程序方面大家有什么不懂的,也欢迎大家在评论里提出
随着微信的普及越来越多人离不开微信这个即时通讯工具,微信小程序也做的比较成功,各大网站都有在开发微信小程序,腾讯系基本都上线了小程序,而作为应用最广泛的博客源码WordPress也有开发者"守望轩"对WordPress...博客小程序进行适配,具体演示可以看看爱游博客的小程序。...3.在微信公众平台申请小程序 4.wp-rest-api-for-app插件下载安装 5.微信小程序源码下载 6.开发工具下载 正题: 首先把wp-rest-api-for-app插件上传到/wp-content...小程序首页滑动文章ID在WordPress后台所有文章里面看。 在微信web开发者工具中打开源码文件夹,注意,不要填Appid,不要填,要选择体验。...WordPress博客微信小程序相关资源下载: 请输入密码查看文章 扫一扫左侧二维码关注微信公众号 微信搜索"爱游博客"及"vipiu-net" 关注公众号并发送:553 获取密码. cambrian.render
个人开发者的福利 微信小程序,刚听到这个新名词的时候,我就兴冲冲的去找入口,看看自己能不能搞个微信小程序的HelloWorld,毕竟能在微信上把自己写的一些小工具跑起来还是满炫酷的。...没想,网上一查,当时还不支持个人开发者开发小程序。但是今天无意间看到公众号的上的头条,个人开发者也可以开发微信小程序了。 ? 今天正好调休在家,就看了如何申请账号,搭建环境以及运行发布项目的。...申请账号 因为在微信公众号看到这条消息,想当然认为小程序应该在公众号里面,找了一通,除了在“开发者工具”->"开发者文档"->"其他文档"中看到有关小程序的介绍外,并没有其他更详细的信息了。...印象中,有段时间在博客园中有看到不少同学些小程序的文章,悄悄搜了一把,确实不少,而且看做的效果都挺好的,既然这样我就没有必要造轮子了,毕竟一天的时间既要写代码又要调样式还是有点不够。...小程序已经发布,微信搜索“快递在哪里”就可以用了
作为一个间接性拖延症患者,直到昨天微信小程序疯转之后,我才想起来去做个 demo 试试。...把之前的 python 网页编辑器(公众号最右菜单栏->在线编程)移植到了微信小程序上,也算是一个 “Python + 微信小程序” 的案例吧。...微信号:dev4wxapp ? 作者:小小程序员 微信小程序已于昨天(2017年1月9日)正式对公众发布。各位猿啊汪啊的朋友圈是不是已经被刷爆了?...所以结论是, 个人开发者无法申请微信小程序 全篇终。谢谢大家! 然后,再把下面的管理员信息填一下就 OK 了。 ? 啊嘞!等等!是不是错过了什么东西?不是不能申请吗?怎么就 OK 了?!...总结一下: 个人开发者不能发布微信小程序 企业开发者,在没有最终认证之前,可以开发,可以调试,但不能发布 未注册小程序也可以体验开发,但只能在开发者工具里调试 我就这么一说,你们随便看看就好了。
配合 Halo 轻快,简洁,功能强大的博客系统而开发出来的 简约风 微信小程序版博客 QQ交流群: 260050047 快速开始 注:开源不易请留 WeHalo 底部署名不要删除 git clone https...注:请选择小程序项目,非小游戏,例子中无 appid,所以无法在手机上运行,如果需要真机调试,请在打开例子时,填上自己的小程序 id 文档 修改app.js文件的全局变量,改为你的 Halo 博客的地址...,请更新最新的 Halo 配合使用 注:必须是HTTPS的因为,微信官方规定,还有把你的博客地址**如:https://aquan.run**和**https://v2.jinrishici.com**...感谢 WeHalo的诞生离不开下面这些项目: Halo:轻快,简洁,功能强大,使用Java开发的博客系统 ColorUI:鲜亮的高饱和色彩,专注视觉的小程序组件库 iView Weapp:一套高质量的微信小程序...UI 组件库 Painter:微信小程序生成图片库,绘制一张可以发到朋友圈的图片 html2wxml:用于微信小程序的HTML和Markdown格式的富文本渲染组件,支持代码高亮 一言·古诗词:Hitokoto
微信小程序setData()使用: ##Page.prototype.setData(Object data, Function callback) setData 函数用于将数据从逻辑层发送到视图层...参考资料:微信公众平台 发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/125390.html原文链接:https://javaforall.cn
image.png 开发接口 登录 wx.login wx.checkSession 签名加密 小程序登录 小程序可以通过微信官方提供的登录能力方便地获取微信提供的用户身份标识,快速建立小程序内的用户体系...登录流程时序 小程序,开发者服务器,微信接口服务 wx.login()获取code wx.request()发送code 登录凭证校验接口 appid+appsecret+code session_key...+openid等 自定义登录 与openid,session_key关联 image.png image.png image.png 微信登录授权: wx.authorize 提前向用户发起授权请求...,调用后会立刻弹窗询问用户是否同意授权小程序使用某项目功能或获取用户的某些数据,但不会实际调用对应的接口,如果用户之前就已经同意授权,则不会出现弹窗。...} }) }, bindGetUserInfo (e) { console.log(e.detail.userInfo) } }) image.png image.png 小程序登录
前言 微信小程序,作为一个前端为主的语言,涉及到的页面布局自然跟 HTML、CSS 有很大的耦合性 此处作为日常的小知识积累 不定期,补充更新 ♫. 积累 ①....地址三级联动 *小程序 地址三级联动效果实现 ? ⑤....图片上传、删除、预览 微信小程序实现图片上传、删除和预览功能的方法 当然也可以参看官方 Demo ,但是其中没有删除功能 ⑥. open-data userAvatarUrl 头像做圆角 推荐文章...- 小程序之open-data userAvatarUrl头像做圆角 首先,你测试会发现这样一点:小程序open-data中的头像,我们是不能对其做圆角之类的处理 其中,我的前端代码为 :...小程序显示富文本 注意,这也是个重点,毕竟我们多数的后台对于文章内容啥的,都是用UEditor等编辑器生成的富文本内容,所以,在小程序页面上更要很好的适配显示 微信小程序之HTML富文本解析
什么是小程序 “小程序” 是一种不需要下载即可使用的应用,它实现了应用‘触不可及’的梦想, 用户扫一扫或者搜一下即可打开应用。 这也体现了‘用完即走’的理念,用户不用关心是否安装太多应用的问题。...小程序能干什么? 了解了什么是 “小程序”,所以我想大家已经意识到它能干什么了。 可以看得出来,“小程序” 的初衷不仅仅是一个 “小程序” 那么简单, 它的想法是给一些优质服务提供一个开放的平台。...在代码层面,我们来看看 “小程序” 的语言长什么样子: ? ? ?...看了上面几段代码,你可能会觉得很熟悉,没错,它们就是使用web端相关知识实现的,或许这对于熟悉web开发的前端人员又是一次机会,因为它的学习成本并不高,相对于原生APP开发(安卓或IOS开发)而言,微信...“小程序” 在应对许多商业级APP功能开发时,的确是一个较低成本的新选择;但对于交互频繁、功能复杂的程序,例如一些游戏APP,在短时间内它还是比不上原生APP的。
https://blog.csdn.net/u011415782/article/details/79559639 ♩ 背景 其实这篇文章几个月前就写完了,但是这段时间,微信小程序官方文档有了更新...语言框架:ThinkPHP3.2.3 更新时间:2018-07-10 也可以阅读近期整理的一篇文章:小程序 报错 errcode: 40029 ♪ 步骤梳理 下面是小程序官方提供流程图: ?...具体参看 UnionID机制说明 注意配置信息的填写,需要正确填写自己的数据哦,应该歧义不大 二、新方法获取用户信息 如果你接触小程序时间较早,应该会知道,微信小程序官方之前是使用接口 wx.getUserInfo...openid/unionid" 重要信息; > 比如,我需要用到此信息去数据库比对该用户的业务信息等; > 当然,我建议的是在服务端获取到数据后就与自己的数据库进行匹配处理即可 ♬ 附录 ♦ 推荐参考: 微信小程序登录数据解密以及状态维持...微信小程序登录逻辑整理 微信小程序:全局变量和本地存储什么时候用那个 ♥ 源码下载 ▽ CSDN-源码链接 欢迎指摘
blog.csdn.net/u011415782/article/details/79556117 前言 作为常见的项目开发习惯了,复用度高的代码都想提取出来,哪里需要就进行传参调用就可 初涉微信小程序的圈子里...,毕竟会受新的规范限制,在此整理一下简单的 外部公共 js文件的引用、使用 使用方法 以个人开发项目中页面跳转的功能为例,简化其中的代码,参考步骤如下: ①....可自行定义需要的函数,重点在于,后面需要使用 module.exports,进行方法的暴露才能被其他 js 文件使用 exports: 通过该属性,可以对外共享本模块的私有变量与函数 推荐参考文章: 微信小程序.../utils/common.js') 个人测试发现,对于外部文件的引用,请尽量使用相对路径 并且,require() 方法的调用位置,不受限制,个人习惯在文件顶部就开始引用而已....{{imgServer}}/dbfl.jpg">我的 参考代码只是为了传参的使用,想了解的就多多参考官方文档 咯 附录 对于全局函数的配置,可参考文章 —— 微信小程序
https://blog.csdn.net/u011415782/article/details/79552943 ○ 前言 小程序初始化的源码中,赋予显示的标题默认设置为 “WeChat“,显然根据业务需求...,一定会要求我们可自定义的 下面是实现这个小需求的两种方法 ● 解决方案 ①.
https://blog.csdn.net/u011415782/article/details/79461942 背景 首先,小程序端的微信支付功能我还没有做,但是之前做过网页版已经微信端唤醒方式的微信支付...因为还需要申请新的域名,过几天才能正式测试,此处是在参考小程序官方文档后的思路 因此文可自成一体,所以被我摘出来了,全文可参考小白的 微信小程序实例——天气预报开发笔记 摸索思考 ①....服务端要创建接口返回用户openId 服务端代码是 java 的建议参考文章:微信小程序调用微信登陆获取openid及用户信息 java做为服务端 根据网上多数编码同行的介绍可知,微信的域名是无法绑定到自己的小程序中的...,但是根据前面的经验,可以在自己的服务端借用参数code获取openId,最后以json数据方式返回小程序即可 ③....如此一来的思路就是,在服务端还需有一个支付接口,可返回我们需要的上述参数 想了解更多信息,可以查看 微信支付接口文档 或者参考我之前的一篇文章:微信公众平台开发[4] —— ThinkPHP 框架下微信支付
微信小程序今天正式上线了,但是怎么看到呢? 第一:升级微信到最新的版本:6.5.3 第二:在微信中搜索“小程序示例”,在搜索结果中找到黑色图标S形状点开它,进入这个页面也就激活了小程序。...第三:回到微信菜单栏发现,你会看到最下面一栏多了小程序的功能。...进入小程序就可以搜索小程序相关的例子了,下面介绍几款小程序例子: 腾讯视频 京东购物 猫眼电影 自选股 滴滴出行DiDi 等...... 如何开发小程序?...准备: 1.注册小程序账号 注册地址: https://mp.weixin.qq.com/cgi-bin/home?...t=201715 3.下载示例代码 下载地址: https://github.com/BeanDu/wxdemo 小程序包含一个描述整体程序的 app(由三个文件组成小程序逻辑--app.js,小程序公共设置
https://blog.csdn.net/u011415782/article/details/79688907 前言 在学习过程中,注意到: 小程序对外部文件的引用规范有限制,需要注意下,.../data/posts-data.js') 具体操作,可参考之前的一篇文章 — 微信小程序Ⅳ [js文件的外部引用] ②....post-item-template.wxml"/> --> 具体操作,请参考官方文档 — 小程序...附录 多扯一句,建议掌握小程序的 模板化思想,方便代码复用 同时注意一点,脚本逻辑的模板化暂不支持,不要做无多功…
领取专属 10元无门槛券
手把手带您无忧上云