CN110989993A - 一种基于微信小程序的开发方法 - Google Patents
一种基于微信小程序的开发方法 Download PDFInfo
- Publication number
- CN110989993A CN110989993A CN201911100089.8A CN201911100089A CN110989993A CN 110989993 A CN110989993 A CN 110989993A CN 201911100089 A CN201911100089 A CN 201911100089A CN 110989993 A CN110989993 A CN 110989993A
- Authority
- CN
- China
- Prior art keywords
- app
- applet
- development
- file
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Withdrawn
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
Abstract
本发明公开了一种基于微信小程序的开发方法,具体包括以下步骤:S1、首先通过微信公众网络获取小程序的APP帐号,通过在微信公众网络上下载开发所需的工具数据包,并进行安装,S2、打开S1安装好的开发工具,使用微信开发的MINA框架进行开发,打开的时候会自动提示创建一个demo,涉及软件开发技术领域。该基于微信小程序的开发方法,很好的解决了现有的微信小程序开发方法较为繁琐的问题,实现了对小程序所需的大范围编码进行文件整理分布式编辑,无需每次开发人员花费大量的时间来对小程序开发前的常规编码进行手动编辑,大大提高了人开发人员的工作效率,实现了既快速又高效的使用编码数据包来直接替换人工手动编码。
Description
技术领域
本发明涉及软件开发技术领域,具体为一种基于微信小程序的开发方法。
背景技术
微信连接一切,植入你的生活,小程序是微信基于原有系统推出的全新应用形态,打造半环系统,完善微信体系,小程序能够在很短时间内让一项新产品趋于成熟,微信已经逐步形成“商家店铺+基础交易系统+第三方服务商+微信支付+微信广告+大数据”的体系,微信小程序的主要功能包括,线下扫码:用户可以在小程序中使用扫一扫,对话分享:用户可以分享小程序或其中的任何一个页面给好友或群聊,消息通知:商户可以发送模板消息给接受过服务的用户,用户可以在小程序内联系客服,支持文字和图片,小程序切换:用户可以在使用小程序的过程中快速返回聊天,历史列表:用户使用过的小程序会被放入列表,方便下次使用,公众号关联:微信小程序可与公众号进行关联,搜索查找:用户可直接根据名称或品牌搜索小程序,微信小程序作为轻型应用很有可能会是未来移动互联网应用的主要形式,它的特点是小而快,微信小程序目的主要还是解决小应用的问题,要点在于灵活、快捷、用完即走,对于用户来说,小程序触及到了PC网页、公众号、H5、APP无法触及到的地方,概括来说它诞生就是帮助用户解决一些特殊需求的,使用刚需低频服务时,小程序降低了低频服务类APP的使用门槛,需要使用时打开小程序,用完了就可以关掉,不会一直占手机内存。
目前的微信小程序开发方法较为繁琐,不能实现对小程序所需的大范围编码进行文件整理分布式编辑,每次开发人员都需要花费大量的时间来对小程序开发前的常规编码进行手动编辑,大大降低了人开发人员的工作效率,不能实现既快速又高效的使用编码数据包来直接替换人工手动编码,从而给开发人员的微信小程序开发工作带来了极大的不便。
发明内容
(一)解决的技术问题
针对现有技术的不足,本发明提供了一种基于微信小程序的开发方法,解决了现有的微信小程序开发方法较为繁琐,不能实现对小程序所需的大范围编码进行文件整理分布式编辑,每次开发人员都需要花费大量的时间来对小程序开发前的常规编码进行手动编辑,大大降低了人开发人员的工作效率,不能实现既快速又高效的使用编码数据包来直接替换人工手动编码的问题。
(二)技术方案
为实现以上目的,本发明通过以下技术方案予以实现:一种基于微信小程序的开发方法,具体包括以下步骤:
S1、首先通过微信公众网络获取小程序的APP帐号,通过在微信公众网络上下载开发所需的工具数据包,并进行安装;
S2、打开S1安装好的开发工具,使用微信开发的MINA框架进行开发,打开的时候会自动提示创建一个demo,然后根据提示可创建一个demo结构文件树;
S3、根据S2创建的demo结构文件树在app.json文件中的pages中以路径加页面名的方式注册,其中注册的第一个页面为小程序的首页;
S4、根据S1下载的app.js、app.json和app.wxss文件进行程序编辑,可通过app.js监听并控制这整个程序的生命周期,在使用app.js文件编辑程序的过程中会使用App、onLunch、getStorageSync、setStorageSync和wx.getUserInfo代码,并通过这些编程代码注册一个小程序,获取程序加载时执行的方法,以同步的方式获取本地缓存,设置缓存和获取用户信息;
S5、通过使用S4中app.json对整个小程序进行全局配置,然后通过app.wxss文件进行编程,对整个小程序的公共样式进行设计;
S6、通过S5全局文件编程设计完成后,利用S1下载的index文件中的index.js、index.wxml和index.wxss三个内容来进行数据双向绑定、显示用户的头像昵称和屏幕适配问题;
S7、最后通过测试软件进行测试,人们可在开发者工具中扫码查看测试效果,测试完成后,即可进行使用和推广。
优选的,所述步骤S1中所下载和安装的开发工具可支持windows、linux和MAC平台。
优选的,所述步骤S2中的MINA框架提供了视图层描述语言,WXML和WXSS以及基于JavaScript的逻辑层框架,并在视图层与逻辑层间提供了数据传输和事件系统,可以让开发者聚焦于数据与逻辑上。
优选的,所述步骤S3进行注册过程中发页面名无需添加文件扩展名,每个页面的js、json、wxml和wxss文件必须具有相同的路径和文件名。
优选的,所述步骤S5中在使用app.json进行全局部署编程时不可注释,且编程中的pages代码为注册页面的列表,均为相对路径,省去了后缀名,程序默认显示列表第一个。
优选的,所述步骤S5在使用app.wxss进行页面样式设计过程中使用的apx代码是尺寸单位,可根据屏幕宽度自适应大小,与之对应的有rem,规定屏幕宽度为20rem。
(三)有益效果
本发明提供了一种基于微信小程序的开发方法。与现有技术相比具备以下有益效果:该基于微信小程序的开发方法,通过在具体包括以下步骤:S1、首先通过微信公众网络获取小程序的APP帐号,通过在微信公众网络上下载开发所需的工具数据包,并进行安装,S2、打开S1安装好的开发工具,使用微信开发的MINA框架进行开发,打开的时候会自动提示创建一个demo,然后根据提示可创建一个demo结构文件树,S3、根据S2创建的demo结构文件树在app.json文件中的pages中以路径加页面名的方式注册,其中注册的第一个页面为小程序的首页,S4、根据S1下载的app.js、app.json和app.wxss文件进行程序编辑,可通过app.js监听并控制这整个程序的生命周期,在使用app.js文件编辑程序的过程中会使用App、onLunch、getStorageSync、setStorageSync和wx.getUserInfo代码,并通过这些编程代码注册一个小程序,获取程序加载时执行的方法,以同步的方式获取本地缓存,设置缓存和获取用户信息,S5、通过使用S4中app.json对整个小程序进行全局配置,然后通过app.wxss文件进行编程,对整个小程序的公共样式进行设计,S6、通过S5全局文件编程设计完成后,利用S1下载的index文件中的index.js、index.wxml和index.wxss三个内容来进行数据双向绑定、显示用户的头像昵称和屏幕适配问题,S7、最后通过测试软件进行测试,人们可在开发者工具中扫码查看测试效果,测试完成后,即可进行使用和推广,很好的解决了现有的微信小程序开发方法较为繁琐的问题,实现了对小程序所需的大范围编码进行文件整理分布式编辑,无需每次开发人员花费大量的时间来对小程序开发前的常规编码进行手动编辑,大大提高了人开发人员的工作效率,实现了既快速又高效的使用编码数据包来直接替换人工手动编码,从而大大方便了开发人员的微信小程序开发工作。
具体实施方式
下面将对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
本发明实施例提供一种技术方案:一种基于微信小程序的开发方法,具体包括以下步骤:
S1、首先通过微信公众网络获取小程序的APP帐号,通过在微信公众网络上下载开发所需的工具数据包,并进行安装;
S2、打开S1安装好的开发工具,使用微信开发的MINA框架进行开发,打开的时候会自动提示创建一个demo,然后根据提示可创建一个demo结构文件树;
S3、根据S2创建的demo结构文件树在app.json文件中的pages中以路径加页面名的方式注册,其中注册的第一个页面为小程序的首页;
S4、根据S1下载的app.js、app.json和app.wxss文件进行程序编辑,可通过app.js监听并控制这整个程序的生命周期,在使用app.js文件编辑程序的过程中会使用App、onLunch、getStorageSync、setStorageSync和wx.getUserInfo代码,并通过这些编程代码注册一个小程序,获取程序加载时执行的方法,以同步的方式获取本地缓存,设置缓存和获取用户信息;
S5、通过使用S4中app.json对整个小程序进行全局配置,然后通过app.wxss文件进行编程,对整个小程序的公共样式进行设计;
S6、通过S5全局文件编程设计完成后,利用S1下载的index文件中的index.js、index.wxml和index.wxss三个内容来进行数据双向绑定、显示用户的头像昵称和屏幕适配问题;
S7、最后通过测试软件进行测试,人们可在开发者工具中扫码查看测试效果,测试完成后,即可进行使用和推广。
本发明中,步骤S1中所下载和安装的开发工具可支持windows、linux和MAC平台,App代码可注册一个小程序,onLunch代码可程序加载时执行的方法,getStorageSync代码可以同步的方式获取本地缓存,setStorageSync代码可设置缓存,wx.getUserInfo代码可获取用户信息。
本发明中,步骤S2中的MINA框架提供了视图层描述语言,WXML和WXSS以及基于JavaScript的逻辑层框架,并在视图层与逻辑层间提供了数据传输和事件系统,可以让开发者聚焦于数据与逻辑上,index.wxml文件,是一个展示页面,作用于html相同,可以看出,内容分块均采用view标签,是div标签的另一个版本,在这里面有很多MINA,自定义的属性,这也很容易让人联想到angularJS中的数据双向绑定,在MINA中也是支持的,同时,页面的展示,均需要在小程序全局的json配置文件中配置。
本发明中,步骤S3进行注册过程中发页面名无需添加文件扩展名,每个页面的js、json、wxml和wxss文件必须具有相同的路径和文件名,index.js文件中:getApp()是获取应用实例,Page是声明页面,data是定义数据,bindViewTap为在view中绑定的是tap事件定义操作方法,wx.navigateTo是导航到响应页面,onLoad是定义页面加载时的事件,在这里使用了在全局app.js中定义的回调函数,将data中的数据更新,由于双向的绑定,页面中的userInfo实例也会更新,显示出您的头像和昵称。
本发明中,步骤S5中在使用app.json进行全局部署编程时不可注释,且编程中的pages代码为注册页面的列表,均为相对路径,省去了后缀名,程序默认显示列表第一个,index.wxss中同样定义了一些样式,写法思路与css文件基本一致,不需要再去关心屏幕适配问题。
本发明中,步骤S5在使用app.wxss进行页面样式设计过程中使用的apx代码是尺寸单位,可根据屏幕宽度自适应大小,与之对应的有rem,规定屏幕宽度为20rem,在js文件中直接修改this.data无效,需要使用this.setData()函数,使用this.setData()函数单次设置的数据不能超过1024kB,小程序不支持直接引入node_modules,开发者可使用node_modules拷贝出相关的代码到小程序的目录中,同时在组件中可以定义数据,以data-开头,多个单词由连字符-链接,大写字符会自动转成小写,并通过事件传递给逻辑层,小程序最多只能同时打开五个页面,小程序必须发送https协议的请求,且请求地址必须在对应的app帐号下注册安全域名,小程序脚本中不允许使用window,也无法在脚本中操作组件,为了提升体验流畅度,编译后的代码包大小需小于1MB,大于1MB的代码包将上传失败,使用page标签选择器,可以修改顶层节点的样式,类似于HTML中的body标签。
需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。
尽管已经示出和描述了本发明的实施例,对于本领域的普通技术人员而言,可以理解在不脱离本发明的原理和精神的情况下可以对这些实施例进行多种变化、修改、替换和变型,本发明的范围由所附权利要求及其等同物限定。
Claims (6)
1.一种基于微信小程序的开发方法,其特征在于:具体包括以下步骤:
S1、首先通过微信公众网络获取小程序的APP帐号,通过在微信公众网络上下载开发所需的工具数据包,并进行安装;
S2、打开S1安装好的开发工具,使用微信开发的MINA框架进行开发,打开的时候会自动提示创建一个demo,然后根据提示可创建一个demo结构文件树;
S3、根据S2创建的demo结构文件树在app.json文件中的pages中以路径加页面名的方式注册,其中注册的第一个页面为小程序的首页;
S4、根据S1下载的app.js、app.json和app.wxss文件进行程序编辑,可通过app.js监听并控制这整个程序的生命周期,在使用app.js文件编辑程序的过程中会使用App、onLunch、getStorageSync、setStorageSync和wx.getUserInfo代码,并通过这些编程代码注册一个小程序,获取程序加载时执行的方法,以同步的方式获取本地缓存,设置缓存和获取用户信息;
S5、通过使用S4中app.json对整个小程序进行全局配置,然后通过app.wxss文件进行编程,对整个小程序的公共样式进行设计;
S6、通过S5全局文件编程设计完成后,利用S1下载的index文件中的index.js、index.wxml和index.wxss三个内容来进行数据双向绑定、显示用户的头像昵称和屏幕适配问题;
S7、最后通过测试软件进行测试,人们可在开发者工具中扫码查看测试效果,测试完成后,即可进行使用和推广。
2.根据权利要求1所述的一种基于微信小程序的开发方法,其特征在于:所述步骤S1中所下载和安装的开发工具可支持windows、linux和MAC平台。
3.根据权利要求1所述的一种基于微信小程序的开发方法,其特征在于:所述步骤S2中的MINA框架提供了视图层描述语言,WXML和WXSS以及基于JavaScript的逻辑层框架,并在视图层与逻辑层间提供了数据传输和事件系统,可以让开发者聚焦于数据与逻辑上。
4.根据权利要求1所述的一种基于微信小程序的开发方法,其特征在于:所述步骤S3进行注册过程中发页面名无需添加文件扩展名,每个页面的js、json、wxml和wxss文件必须具有相同的路径和文件名。
5.根据权利要求1所述的一种基于微信小程序的开发方法,其特征在于:所述步骤S5中在使用app.json进行全局部署编程时不可注释,且编程中的pages代码为注册页面的列表,均为相对路径,省去了后缀名,程序默认显示列表第一个。
6.根据权利要求1所述的一种基于微信小程序的开发方法,其特征在于:所述步骤S5在使用app.wxss进行页面样式设计过程中使用的apx代码是尺寸单位,可根据屏幕宽度自适应大小,与之对应的有rem,规定屏幕宽度为20rem。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911100089.8A CN110989993A (zh) | 2019-11-12 | 2019-11-12 | 一种基于微信小程序的开发方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911100089.8A CN110989993A (zh) | 2019-11-12 | 2019-11-12 | 一种基于微信小程序的开发方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN110989993A true CN110989993A (zh) | 2020-04-10 |
Family
ID=70084093
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201911100089.8A Withdrawn CN110989993A (zh) | 2019-11-12 | 2019-11-12 | 一种基于微信小程序的开发方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110989993A (zh) |
Cited By (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111580820A (zh) * | 2020-05-25 | 2020-08-25 | 泰康保险集团股份有限公司 | 一种小程序生成方法和装置 |
CN111767463A (zh) * | 2020-06-30 | 2020-10-13 | 北京同邦卓益科技有限公司 | 信息处理方法、装置及存储介质 |
CN113312104A (zh) * | 2021-05-31 | 2021-08-27 | 杭州推啊网络科技有限公司 | 一种基于小程序的广告转化方法和系统 |
CN113411250A (zh) * | 2021-06-03 | 2021-09-17 | 重庆锐云科技有限公司 | 一种实时消息处理方法、系统、设备及存储介质 |
CN113419710A (zh) * | 2021-06-25 | 2021-09-21 | 北京悟空出行科技有限公司 | 小程序的开发方法、装置、电子设备和介质 |
CN113596503A (zh) * | 2021-08-03 | 2021-11-02 | 广州繁星互娱信息科技有限公司 | 直播嵌入程序平台、生成方法、设备及存储介质 |
CN114168215A (zh) * | 2021-11-17 | 2022-03-11 | 广东太平洋互联网信息服务有限公司 | 一种多个小程序功能模块插件化处理方法、系统及介质 |
CN115686719B (zh) * | 2022-11-09 | 2023-09-05 | 常州航加网络科技有限公司 | 一种微信小程序管理系统 |
-
2019
- 2019-11-12 CN CN201911100089.8A patent/CN110989993A/zh not_active Withdrawn
Cited By (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111580820A (zh) * | 2020-05-25 | 2020-08-25 | 泰康保险集团股份有限公司 | 一种小程序生成方法和装置 |
CN111580820B (zh) * | 2020-05-25 | 2023-09-15 | 泰康保险集团股份有限公司 | 一种小程序生成方法和装置 |
CN111767463A (zh) * | 2020-06-30 | 2020-10-13 | 北京同邦卓益科技有限公司 | 信息处理方法、装置及存储介质 |
CN113312104A (zh) * | 2021-05-31 | 2021-08-27 | 杭州推啊网络科技有限公司 | 一种基于小程序的广告转化方法和系统 |
CN113411250A (zh) * | 2021-06-03 | 2021-09-17 | 重庆锐云科技有限公司 | 一种实时消息处理方法、系统、设备及存储介质 |
CN113419710A (zh) * | 2021-06-25 | 2021-09-21 | 北京悟空出行科技有限公司 | 小程序的开发方法、装置、电子设备和介质 |
CN113419710B (zh) * | 2021-06-25 | 2024-03-15 | 北京悟空出行科技有限公司 | 小程序的开发方法、装置、电子设备和介质 |
CN113596503A (zh) * | 2021-08-03 | 2021-11-02 | 广州繁星互娱信息科技有限公司 | 直播嵌入程序平台、生成方法、设备及存储介质 |
CN114168215A (zh) * | 2021-11-17 | 2022-03-11 | 广东太平洋互联网信息服务有限公司 | 一种多个小程序功能模块插件化处理方法、系统及介质 |
CN114168215B (zh) * | 2021-11-17 | 2024-03-19 | 广东太平洋互联网信息服务有限公司 | 一种多个小程序功能模块插件化处理方法、系统及介质 |
CN115686719B (zh) * | 2022-11-09 | 2023-09-05 | 常州航加网络科技有限公司 | 一种微信小程序管理系统 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110989993A (zh) | 一种基于微信小程序的开发方法 | |
CN109857667B (zh) | 接口自动化测试方法、测试装置、测试设备及存储介质 | |
De Andrade et al. | Cross platform app: a comparative study | |
DK3011444T3 (en) | METHOD AND APPARATUS FOR CODE VIRTUALIZATION AND GENERATION OF REMOTE PROCESS CALLS | |
CN109062567B (zh) | 基于b/s结构的信息管理系统快速开发平台 | |
CN110187878A (zh) | 一种页面生成方法和装置 | |
CN104899047B (zh) | 网页框架部署方法和系统 | |
US20120173962A1 (en) | Online application providing apparatus | |
CN105955888A (zh) | 一种页面调试预览方法及系统 | |
CN105765527A (zh) | 用于定制的软件开发包(sdk)的方法和装置 | |
CN104615462B (zh) | 跨平台的移动应用生成服务端及系统 | |
CN102207872A (zh) | 按照用户需求定制Web UI控件的方法和系统 | |
CN109240670A (zh) | 模块化的软件开发方法、系统、设备及介质 | |
CN104699604A (zh) | 用于测试基于定制浏览内核的安卓应用的方法及装置 | |
CN1979476A (zh) | 用于提供异步门户页的方法和系统 | |
CN106921731A (zh) | 漏洞修复方法及装置 | |
CN202177892U (zh) | Web UI控件定制系统 | |
CN108366058A (zh) | 防止广告运营商流量劫持的方法、装置、设备及存储介质 | |
CN108023918A (zh) | 一种服务信息获取方法、装置及系统 | |
KR20130017337A (ko) | 하이브리드 앱 개발 플랫폼 구조 및 그 테스트 방법, 그리고 프로그램을 기록한 컴퓨터로 읽을 수 있는 기록매체. | |
CN112799663A (zh) | 页面显示方法、装置、计算机可读存储介质及电子设备 | |
CN110209388A (zh) | 小应用程序文件的生成方法 | |
US20120290913A1 (en) | Computerized tool, system and method for remote access to a computer program | |
CN112214202B (zh) | 一种无须写代码的手机程序开发系统 | |
CN109582842A (zh) | 信息录入方法、装置、计算机设备及存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
WW01 | Invention patent application withdrawn after publication |
Application publication date: 20200410 |
|
WW01 | Invention patent application withdrawn after publication |