image.png

最近婷主在做微信小程序.自己的微信公众号也需要添加点料,乘着这次放假,把微信小程序研究了下.虽然没有做什么很强大的功能,不过好歹自己的公众号也有了微信小程序.够用即可。

 1.需要先开通微信公众号,并且申请一个微信小程序的账号
2.下载微信小程序开发工具
3.使用即速应用快速开发微信小程序
4.提交微信小程序到微信并关联公众号
5.等待微信审核结果
6.即速应用,上线了第三方应用开发的优劣势.

1.公众号和小程序注册地址

 
image.png

小程序的申请,要注意的是,一个邮箱只能申请一个小程序。

 
image.png

这里稍微说下我遇到的坑。一开始看文档,申请了一个腾讯云第三方管理,然后下载了个node.js到微信开发工具,然后没有然后,省略100字。然后看了个上线了这个在线提供小程序模板操作的第三方应用.但是发现有时间限制。然后就换到现在的即速应用。
即速应用官方地址

 
image.png
 
image.png

即速应用是前后端一起的,使用的轮播图照片,可以把自己的照片先上传到后台,然后在前端进行展示.然后点击组件库(这里有很多常用组件,但是有些是要收钱才能用,但是基本功能已经能满足我的需求了)

 
image.png
 
image.png

做完之后点击右上角的生成按钮

 
image.png
 
image.png
 
image.png

打开微信web开发者工具

 
image.png
 
image.png
 
image.png

现在需要您用您的微信小程序账号进行登录,点击设置填写服务器域名,由于后台是即速应用的,所以这里需要配置极速应用的后台域名。

 
image.png
 
image.png
 
image.png
 
image.png
 
image.png
 
image.png

这里的page100000是首页图

 
image.png
 
image.png
 
image.png

我的微信小程序连接
我的微信小程序二维码

 
image.png

由于目前小程序还在审核当中,因为今天是12月30日,大家都放假了,估计要新年回来才能审核通过。

 
image.png

总结:本次开发小程序,基本都是依靠第三方的应用开发,开发效率,速度都很快。而且我看了极速应用,还有很多第三方小程序平台,非常强大。包括小程序打电话功能,拍照功能,扫描二维码功能,推送等,如果自己写,其实也是件蛮头疼的。前端已经是第三方的了,连后台也是第三方的。对于一些企业可能是无法容忍的吧。如果是这样,那只有自己写js了,后台写接口,就是比较花时间,可能效果还不一定有第三方的好。个人觉得可以用第三方的前端做小程序,然后把上面的url,data,接口,数据换成自家后台的,然后在微信公众号当中配置后台域名,配置自家的,这样可能会好一点。本次我是个人开发使用,故不高兴去这么做了,能达到我要的样子即可。

推荐相关阅读:
咫尺论坛
如何制作公众号二维码

最后:2018年就快来临了,2017年对我个人来说收货很大,成长很大。但是我也失去了很多我很在乎的东西。原因有很多。不过在这过程中,我也成长了非常多。希望自己在2018年工作顺顺利利,家人健健康康,初春雪漫漫,人间处处新!祝各位新年快乐!!

关注我的公众号,都是满满的干货!

 原文链接:https://www.jianshu.com/p/8d96765e31b4
 

快速开发微信小程序的更多相关文章

  1. 【云开发】10分钟零基础学会做一个快递查询微信小程序,快速掌握微信小程序开发技能(轮播图、API请求)

    大家好,我叫小秃僧 这次分享的是10分钟零基础学会做一个快递查询微信小程序,快速掌握开发微信小程序技能. 这篇文章偏基础,特别适合还没有开发过微信小程序的童鞋,一些概念和逻辑我会讲细一点,尽可能用图说 ...

  2. 用Vue.js开发微信小程序:开源框架mpvue解析

    前言 mpvue 是一款使用 Vue.js 开发微信小程序的前端框架.使用此框架,开发者将得到完整的 Vue.js 开发体验,同时为 H5 和小程序提供了代码复用的能力.如果想将 H5 项目改造为小程 ...

  3. 使用mpvue开发微信小程序

    更多内容请查看 我的新博客 地址 : 前言 16年小程序刚出来的时候,就准备花点时间去学学.无奈现实中手上项目太多,一个接着一个,而且也没有开发小程序的需求,所以就一拖再拖. 直到上周,终于有一个小程 ...

  4. 开发微信小程序入门前

    开发微信小程序入门前 百牛信息技术bainiu.ltd整理发布于博客园 2016年09月21日晚 微信发不了微信“小程序”的内测版,一时间整个互联网都炸了锅.个大新闻.论坛都在讨论这个事情. 作为互联 ...

  5. 基于小程序云Serverless开发微信小程序

    本文主要以使用小程序云Serverless服务开发一个记事本微信小程序为例介绍如何使用小程序云Serverless开发微信小程序.记事本小程序的开发涉及到云函数调用.云数据库存储.图片存储等功能,较好 ...

  6. 使用uView UI+UniApp开发微信小程序

    在前面随笔的介绍中,我们已经为各种框架,已经准备了Web API.Winform端.Bootstrap-Vue的公司动态网站前端.Vue&Element的管理前端等内容,基本都是基于Web A ...

  7. 如何用TypeScript开发微信小程序

    微信小程序来了!这个号称干掉传统app的玩意儿虽然目前处于内测阶段,不过目前在应用号的官方文档里已经放出了没有内测号也能使用的模拟器了. 工具和文档可以参考官方文档:https://mp.weixin ...

  8. 关于开发微信小程序后端linux使用xampp配置https

    关于开发微信小程序后端linux使用xampp配置https 背景 由于最近开发微信小程序,前后端交互需要使用https协议,故需要配置https服务 服务器环境 服务器系统 ubuntu 环境 xa ...

  9. 开发微信小程序中SSL协议的申请、证书绑定、TLS 版本处理等

    在上篇随笔<基于微信小程序的系统开发准备工作>介绍了开发微信小程序的一些前期的架构设计.技术路线 .工具准备等方面内容,本篇随笔继续这个步骤,逐步介绍我们实际开发过程中对SSL协议的申请及 ...

随机推荐

  1. WebService 之 工作原理

    一.Web Service基本概念 Web Service 也叫 XML Web Service,WebService 是一种可以接收从Internet或者Intranet上的其它系统中传递过来的请求 ...

  2. Android Tint着色与帧动画结合

    需求 最近遇到一个需求: 要求根据后台接口给的色值 显示不同色值的帧动画(UI给了三张透明色的图) 正常的帧动画 是配置在xml里三张静态图片 然后加载一下就完事了现有的静态图片是透明的 还没有填充颜 ...

  3. 算法笔记_062:蓝桥杯练习 最小乘积(基本型)(Java)

    目录 1 问题描述 2 解决方案   1 问题描述 问题描述 给两组数,各n个. 请调整每组数的排列顺序,使得两组数据相同下标元素对应相乘,然后相加的和最小.要求程序输出这个最小值. 例如两组数分别为 ...

  4. WebDriver API——第1部分

    The API definitions in this chapter shows the absolute location of classes. However the recommended ...

  5. ES6 字符串扩展

    1.字符串遍历接口 字符串可以被for...of循环遍历 'use strict'; for (let codePoint of 'foo') { //控制台输出f o o console.log(c ...

  6. CAS 与 无锁队列

    http://coolshell.cn/articles/8239.html http://www.tuicool.com/articles/VZ3IBv http://blog.csdn.net/r ...

  7. TCP协议详解(理论篇)

    TCP协议详解(理论篇) 2012-08-20      0个评论       作者:陈立龙 收藏    我要投稿 TCP协议详解(理论篇)   1.    与UDP不同的是,TCP提供了一种面向连接 ...

  8. Drupal显示白屏或500?

    Drupal有时会显示白屏,或者500内部错误,这多半是由于PHP脚本什么地方有问题造成的.这个时候,可以先看看php.log里面有没有提示: [10-Oct-2013 15:55:26 Asia/S ...

  9. JBoss目录结构说明

    http://www.blogjava.net/livery/articles/262544.html $JBOSS-HOME/bin:             放置各种脚本文件以及相关文件,包括jb ...

  10. 折叠表格思路及遇到的问题(tableView:viewForHeaderInSection:的section从1开始,不是从0开始)

    项目需要做了一个类似qq联系人的折叠表格,思路很简单:设置每个section的header,在header上显示组名等信息,然后根据折叠与否,设置每个section中cell的数量,如果折叠,则将之设 ...