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. vue项目中provide和inject的运用

    类型: provide:Object | () => Object inject:Array<string> | { [key: string]: string | Symbol | ...

  2. LR学习笔记之—参数和变量

    一.LR中参数的使用 LR中参数默认使用“{}”来表示,如果想要修改,可以再General Options/Parameterization设置参数的边界字符 经常用到的函数: lr_save_str ...

  3. js 常用类型转换简写

    1.字符串转数字 +'666' 2.转换为字符串 ''+666 //'666'

  4. canvas贝济埃曲线

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  5. spring中autowire的用法

    Autowire模式就是在spring的声明文件里用作进行对象间的关联关系自动绑定的,就是在spring beanfactory内的一个bean对其bean的引用可以自动进行,而不一定用ref=的方式 ...

  6. (五)Lucene——中文分词器

    1. 什么是中文分词器 对于英文,是安装空格.标点符号进行分词 对于中文,应该安装具体的词来分,中文分词就是将词,切分成一个个有意义的词. 比如:“我的中国人”,分词:我.的.中国.中国人.国人. 2 ...

  7. 前端资源管理工具sourcetree

    https://www.sourcetreeapp.com/

  8. 中小型研发团队架构实践:分布式协调服务ZooKeeper

    一.ZooKeeper 是什么 Apache ZooKeeper 由 Apache Hadoop 的子项目发展而来,于 2010 年 11 月正式成为了 Apache 的顶级项目. 相关厂商内容 优秀 ...

  9. Android PagerSlidingTitleIconTabStrip 能够在title旁边加小图标的PagerSlidingTabStrip

    public class MainFragmentPagerAdapter extends FragmentPagerAdapter implements TitleIconTabProvider{ ...

  10. setTime

    var getTime = function() { var _ = ['00', '01', '02', '03', '04', '05', '06', '07', '08', '09'], //补 ...