您当前的位置:首页 > 电脑百科 > 程序开发 > 移动端 > 小程序

小程序开发零基础引导

时间:2019-12-31 13:03:57  来源:  作者:

首次开发小程序,一头雾水?这里就做一个引导把,让你快速入手小程序!

一、磨刀不误砍柴工

正式接触小程序前,一定要在各大网站多学习学习相关的知识,提前做好知识储蓄准备。

二、快速进入开发模式

所用到的文档当然不需要一点点看,毕竟我们没有那么多时间去看,就算看完,根据记忆曲线也忘得差不多了。所以,步骤如下:

如果js一点都不懂,就看看js基础语法,如果懂的话,就不需要看了。

官方文档,大概浏览一下就行,知道小程序的框架,有哪些声明周期,哪些基础组件和api,以及那些术语,如自定义组件是什么就行。其他的详细的,看设计稿的时候,知道图片用image,然后再去看详情。总之,详细的怎么用组件,怎么下载文件等,用到什么再去看什么的文档详情。

切记下载小程序组件示例源码,可以帮助你理解,哪个看不懂文档,就去看demo代码,例如组件啦,你用的时候,按照文档,出错了,就比较下官方示例。不过官方的css不太规范,小程序的rpx,官方demo我下载的版本,目前是px。

官方示例代码运行后首页截图

css掌握基础的,flex的用法要会,其他的遇到不会的设计再去查。

可以去网上下载一个分享的小程序完整项目,更加直观的了解小程序框架。

三、开始开发

新建小程序时,一定要用空文件夹。也就是当前文件夹下没有其他东西。

接口的基础搭建,可以参考https://www.jianshu.com/p/57457eea0d05 ,看之前,要先学一下js的Promise用法

如果wxml用不到,就不要放在page的data里, 而是在外边声明,当然,小程序开发工具的Audits可以对小程序的性能进行意见提示,当然,结果只是参考。

测试环境或者此时还没有上传合格域名,则将不校验合法域名这个选项打开。

如果要上传合法域名,则在微信公众平台->开发设置里进行设置,凡是上传到这里的域名,就不需要勾不校验合法域名这个选项了。[ps:服务器域名需经过ICP备案,并且只支持 HTTPS,业务域名需要在相应域名根目录放置校验文件,所以不是所有的网址你都可以添加为合法域名的哦。

四、开发与调试

开发工具支持真机调试和模拟器进行开发版小程序的调试,调试内嵌WEBVIEW的话,只要双击webview,webview的左上角区域会出现一个调试按钮,点击即可。

对于体验版小程序,调试的话,可以点击右上角三个点的图标,然后选择开发调试,打开调试,重启后就可以看到右下角的vConsole悬浮按钮,点击即可,可以查看log和wxml,但是不能查看网络请求,希望以后改进吧

发布的话,在开发工具中点击上传,之后打开公众平台的小程序的管理后台,选择“版本管理”,就可以发布体验版或者提交审核正式进行发布了。

五、代开发小程序

只有你们是代开发小程序,才需要用!什么是代开发小程序?就是一个模板小程序可以生成多个其他小程序。

代开发的小程序业务域名,则需要保证微信开放平台的第三方平台选项下,小程序业务域名和代开发的小程序业务域名保持一致

小程序开发零基础引导

 

 

模板小程序的发布不太一样,在开发工具中点击上传后会上传到草稿箱模板,在微信开放平台通过通知,点击通知列表的任意通知,进入公众号第三方平台详情页,进入页面后在底部可以看到草稿箱,将选择的模板加入模板库。模板库最多50个,要及时清理不需要的模板,之后就是调用接口请求对代开发的小程序发版啦!

六、手机查看基础数据和性能分析

除了web,手机也支持查看用户数量等哦。首先,搜索“小程序助手”就可以啦,选择你要看的小程序,选择数据分析的基础数据,就可以看到访问人数等数据啦。

————————————————

版权声明:本文为CSDN博主「vx:32558152」的原创文章,转载请附上原文出处链接及本声明。



Tags:小程序开发   点击:()  评论:()
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,如有任何标注错误或版权侵犯请与我们联系(Email:2595517585@qq.com),我们将及时更正、删除,谢谢。
▌相关推荐
学习编程从hello world开始。学习微信小程序开发首先要安装一个微信开发者工具,官网上免费下载童叟无欺,下载完傻瓜式安装即可。 双击微信开发者工具,然后选择小程序,然后点击...【详细内容】
2021-05-12  Tags: 小程序开发  点击:(268)  评论:(0)  加入收藏
框架主题文件app.json : 小程序公共设置,小程序的全局配置文件app.js: 小程序的逻辑文件,用于注册小程序全局实例,编译时会和其他页面逻辑文件打包成js文件app.wxss:小程序公共样...【详细内容】
2021-03-08  Tags: 小程序开发  点击:(250)  评论:(0)  加入收藏
WeUI是什么WeUI 是一套同微信原生视觉体验一致的基础样式库。由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。它最初是为了给在微信端页面...【详细内容】
2021-03-08  Tags: 小程序开发  点击:(214)  评论:(0)  加入收藏
自从微信小程序上线之后,很多的商家对小程序有很高的期待,因为小程序的使用体验可以媲美app,而且使用起来比较方便,西安的青云在线小编告诉您,现在微信小程序之所以大家都比较喜...【详细内容】
2021-02-03  Tags: 小程序开发  点击:(182)  评论:(0)  加入收藏
想要开发微信小程序,在没有太多资金找外包团队定制、自建团队开发时,就需要你自己通过小程序开发工具来生成小程序了。现在各种开发工具很多,到底小程序开发工具有哪些?这些微信...【详细内容】
2020-09-22  Tags: 小程序开发  点击:(85)  评论:(0)  加入收藏
百度是大多数人耳熟能详的企业,时至今日,其用户量已累计突破上亿,是国内互联网中的巨头,对于企业和商家来说,百度旗下的百度小程序有很大的商用价值,不少企业在上面开发了自己公司...【详细内容】
2020-08-28  Tags: 小程序开发  点击:(97)  评论:(0)  加入收藏
前段时间在下开发了个微信小程序,开发过程中总结了一些我觉得对我有用的小技巧,提炼出来,相当于一个总结复盘,也希望可以帮助到大家。如果对大家确实有帮助,别忘了点赞哦 ~ 微信开...【详细内容】
2020-08-26  Tags: 小程序开发  点击:(98)  评论:(0)  加入收藏
小程序已经渐渐走入我们的生活,我们平时使用的健康码就是小程序,很多我们使用的app应用,都有小程序版,因为它的便捷性,人们越来越习惯于使用它,而它带给我们的体验也越来越舒适。...【详细内容】
2020-08-10  Tags: 小程序开发  点击:(112)  评论:(0)  加入收藏
微信小程序开发,多端框架全面测评。最近前端届多端框架频出,相信很多有代码多端运行需求的开发者都会产生一些疑惑:这些框架都有什么优缺点?到底应该用哪个?作为 Taro 开发团队一...【详细内容】
2020-07-28  Tags: 小程序开发  点击:(104)  评论:(0)  加入收藏
微信小程序也已出来有一段时间了,最近写了几款微信小程序项目,今天来说说感受。首先开发一款微信小程序,最主要的就是针对于公司来运营的,因为,在申请appid(微信小程序ID号)时候,...【详细内容】
2020-07-27  Tags: 小程序开发  点击:(95)  评论:(0)  加入收藏
▌简易百科推荐
一、项目背景随着小程序在用户规模和商业化上取得的极大成功,各大平台都推出了自己的小程序。然而这些平台的小程序开发在语法上又不尽相同,不同平台小程序代码的维护需要投入...【详细内容】
2021-11-05  携程技术    Tags:小程序   点击:(65)  评论:(0)  加入收藏
作者:灰灰来源:JS每日一题 一、背景传统的web开发实现登陆功能,一般的做法是输入账号密码、或者输入手机号及短信验证码进行登录服务端校验用户信息通过之后,下发一个代表登录态...【详细内容】
2021-10-29  Nodejs开发    Tags:微信小程序   点击:(43)  评论:(0)  加入收藏
总结列举微信小程序开放能力清单 硬件能力 蓝牙 NFC读写 连接WIFI设备 开放能力 ...【详细内容】
2021-09-27  软件开发分享    Tags:微信小程序   点击:(60)  评论:(0)  加入收藏
核心商城(CoreShop)介绍核心小程序商城系统(CoreShop) 是基于 Asp.Net 5.0、Uni-App开发、支持可视化布局的小程序商城系统;前后端分离,支持分布式部署,跨平台运行;拥有分销、代理、...【详细内容】
2021-07-20  码农也有梦想    Tags:小程序商城   点击:(115)  评论:(0)  加入收藏
介绍Vue3发布已经有一段时间了,从目前来看,其生态还算可以,也已经有了各种组件库给予了支持,但是不管是Vue3还是Vue2都无法直接用来开发小程序,因此国内一些技术团队针对Vue开发...【详细内容】
2021-07-13  爱分享Coder    Tags:小程序   点击:(204)  评论:(0)  加入收藏
首先明确几个概念1. W3C:指万维网联盟(World Wide Web Consortium),是一个国际的标准的制定机构。2. H5(HTML5,HyperText Markup Language 5的缩写),HTML5 是由W3C制定的新HTML标...【详细内容】
2021-07-06  畅游零和一的海洋    Tags:微信小程序   点击:(153)  评论:(0)  加入收藏
在开发微信公众号时,需要不时请求URL和数据封装。为了不做重复的工作。提取公共部分进行封装。产生了相应的公众类。今天先来写下请求类,代码如下:public class HttpRequestP...【详细内容】
2021-06-16  java浮萍  今日头条  Tags:公共类   点击:(134)  评论:(0)  加入收藏
小程序上线后,改版了很多次,包括一些 Api 接口也有改动。如果你学习一个很久之前的小程序项目是没有意义的,本文推荐的小程序都是最近有更新的。相信在你学习、部署的过程中,不...【详细内容】
2021-06-08    程序猿久一  Tags:微信小程序   点击:(207)  评论:(0)  加入收藏
自从2019年微信公开课Pro在微信之夜演示《跳一跳》以来,微信小游戏已经不知不觉走过的三年,这三年中我们可以明显看到微信对小游戏的扶持,对于微信开发者来说,微信小游戏开发以...【详细内容】
2021-05-25  开课吧科科  今日头条  Tags:微信小游戏   点击:(212)  评论:(0)  加入收藏
学习编程从hello world开始。学习微信小程序开发首先要安装一个微信开发者工具,官网上免费下载童叟无欺,下载完傻瓜式安装即可。 双击微信开发者工具,然后选择小程序,然后点击...【详细内容】
2021-05-12  程序员fearlazy  fearlazy  Tags:微信小程序   点击:(268)  评论:(0)  加入收藏
最新更新
栏目热门
栏目头条