0530-3433334

网站建设 APP开发 小程序

知识

分享你我感悟

您当前位置>首页 >> 知识 >> 小程序

微信小程序开发流程记录,你值得拥有!!

发表时间:2023-09-08 17:38:59

文章来源:炫佑科技

浏览次数:136

菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技

微信小程序开发流程记录,你值得拥有!!

微信小程序开发流程记录

1. 代码处理

*近,一位大学同学开了一个自习室,需要一个微信小程序来预约自习室。 他也碰巧没有编码项目可写。 本着少花钱多办事的原则,我**次尝试了微信小程序。 开发。 他白天要工作,所以只能利用晚上的时间来写。 反正他也不急着创业,所以就花了半个月左右的时间写下来。

刚开始写的时候,真的没有经验,不知道从哪里开始。 每当我这样做的时候,我当然会坚持一个原则,聚焦关键点,开源无国界(全球代码的一大复制)。 当然,无论哪种语言,初学者都是从看别人的代码开始的。

这里我不解释具体的代码,也不分析具体的代码。 我只是简单分析一下自习室预约软件的需求。 一般来说有两点,前端微信小程序和后端服务器。

(1)微信小程序(前端展示)

当然,前端展示也是必不可少的。 如果是不需要和后台交换数据的小程序,只需要前端显示即可。 简单记录该过程。

翻看帮助文档,开发小程序*重要的文档就是腾讯官方的《微信开放文档》,里面有非常详细的指南、框架和各种开发说明。 在选择开发工具时,你基本上别无选择。 开发微信小程序,通过阅读微信公开文档可以看出,它基本上就是“微信开发工具”。 文档中有一个传输端口,将您带到下载页面。 不支持 Linux 系统。 具体使用方法是:自行探索,或者使用百度。 语言代码基础知识。 微信小程序其实就是Web开发。 他们还使用 js、json、wxml 和 wxss。 Web开发的js、xml、css对应的语言几乎是一模一样的。 如需申请APPID,请在小程序官网申请。 、小程序网站,注册、登录,一套流程就不说了。 这个APPID是一个非常重要的身份认证信息。 是开发的身份认证ID,标识了该小程序开发是谁。 它被用在很多地方。 如何获得? 网上有很多教程,这里就不一一列举了; 导入别人的项目,在微信开发工具的“项目”中选择“导入项目”,在目录中选择你的项目位置,appid就是你在第4点申请的APPID。微信小程序项目的结构

根据文件目录,简单介绍一下开头的要点:

app.js,这是进入微信小程序时启动阶段小程序的运行内容。 *显着的特点是()。 这个函数就是启动函数。 如果有什么功能需要和小程序一起启动运行,可以在这里放。 其中定义了一些全局变量和全局函数,并赋予了初始值。 后续每个js文档需要调用时,只需要在js开头添加一个const app=(),就可以传递诸如app..形式,调用值。 app.json也是一些全局定义,每个页面都需要在"pages":[]中声明,"":{}中定义一些参数如小程序的名称、背景色等,还有一些参数如"": { } 中定义了小程序的名称和背景颜色,定义了各个标签页的具体属性。 另外,常见的定义,比如需要使用导航定位,就需要在这里定义一个“”:{}相关的内容。 app.wxss是一些小程序的全局样式定义。 我用的不多,看个人喜好。 该文件夹下的pages文件夹是小程序中显示的各个页面的内容。 一般每个页面的内容包含三个部分,分别是js(实现功能)、wxml(实现页面布局)、wxss(定义一些具体的样式)。 一些功能的说明

微信小程序虽然和网页类似,但也有自己的特殊之处,尤其是一些需要特别说明的内容。

data中定义的变量可以通过this.data在js中的任何地方调用。 变量名。 this.,这个函数是用来和前台进行数据交互的,主要用来向前台传输数据,使用键值对的方式来传递值,比如this.({: "11:00"}),就是key前台传过来的值是“”中的时间值。 前台通过{{}}接收值。

3. 和 的区别是页面**次加载时的动作,它只运行一次,是每次页面显示时的动作,有时候你通过后退按钮返回页面,它不会运行,它会跑步。 wx.wx 之间的区别和wx。 和wx。 您可以跳转到标签页以外的页面(即首页从左到右切换时显示的页面)。 去原来的页面也是跳转到标签页之外的页面,但是跳转的时候,原来的页面被破坏了,不保留了,点击返回,就无法返回到原来的页面,并且跳转到了标签页。 wx.,访问后台方法,通过url访问。 获取网络标识号,这是每个访问小程序用户的身份,每个用户都是唯一的,获取这个号码需要通过与后台联动来获取。 在微信开发工具中,可以直接上传到微信小程序官网并提交为试用版。 (2)后端服务器(数据交互)

并不是所有人都需要了解这部分内容。 其中有些不需要与后台数据交互,所以不需要关注。 如果你需要互动,你需要理解它。

部署网页需要用到必要的环境。 大家都知道,我就不多说了。 mysql,这个比较熟悉,一个很常见的关系型数据库,用来存储数据,包括微信小程序,很多数据都需要用这个数据库进行读写操作。 至于代码运行环境,这里没有语言限制。 *常见的是 Java 和 PHP。 因为我参考的是PHP,所以我只好硬着头皮使用PHP。 、上面三个环境、mysql、php运行环境显得很繁琐。 当然,如果你真的去自己一一搭建环境,可能会成为你前进路上的绊脚石。 所以你会惊喜地发现一款可以轻松安装、一步完成的神器。 安装完后,安装目录下会有一个“”文件夹(我选择的是64位),把你的php网页放到这个文件夹下的“www”文件夹中即可。 访问“”(即www文​​件夹下您的项目文件夹名称)即可访问后端网页。 管理mysql数据库常用的软件,不多说了。 特别注意的是,后台访问网页和后台访问数据库是两个不同的东西,但是访问方式是一样的,都是通过http或者https访问后台。 区别在于指向。 要获取访问用户的ID,必须访问“”;

   public function getOpenId(){
      $url="https://api.weixin.qq.com/sns/jscode2session";
       $appid='wxddd2d233413fb869';//小程序appid
       $secret='477fe8909d4ba0ff092bbd636becd45b';//小程序密钥
       $js_code=I('js_code');
       $sendurl= $url."?appid=".$appid."&secret=".$secret."&js_code=".$js_code."&grant_type=".$_GET['grant_type'];
       $result =json_decode(file_get_contents($sendurl));
       $session_key=$result->session_key;
       $openid=$result->openid;
       echo json_encode(array("openid"=>$openid,"session_key"=>$session_key));
   }

访问后台数据库的类似句型是“”,可以看出对应的访问是在“C:\\www\\\Api\”(我的目录,各有自己的目录(不同))目录下,相应的.php 的内容。 比如“”访问的对应的程序内容就是.class.php文件中下面的index()的函数内容,使用就这么简单,不多说了。 项目部署(一)设置

默认是理想的,所以需要修改的配置是允许外部访问。 具体方法可以在网上查到。

(2) 域名的取得

域名由应用程序获取,需要有http、https权限。 我这里是为了方便大家拍个图。 我用的是花生壳的内网透传,下载了花生壳5的软件,花了6+58=64元,一旦你拥有了永久的https加密域名,就可以使用这个域名了。 使用花生壳软件有几个需要注意的地方。

必须使用https或者http的域名微信小程序开发软件下载,一步搞定。 https微信小程序开发流程记录,你值得拥有!!,微信小程序访问后台,必须需要https的协议,调试时才可以使用http。 建议固定电脑的ip地址,这个ip是电脑在局域网中的ip地址,比如我的“192.168”。获取域名后需要将原来的“”替换成你的域名(3)小程序官网设置

登录小程序网页。 登录后,有几个地方需要修改:

“开发”--“开发设置”--“服务器域名”--“合法域名”,这里添加你的域名,说明这是一个允许通过的域名,否则只能在里面打开调试模式微信试用版。 或者在微信开发工具中,调试时勾选“不验证域名XXXX”。 “首页”-“小程序信息”,认真填写,很多都有修改次数的限制。 小程序上传试用版后,需要在“管理”-“版本管理”-“开发版本”中手动设置允许试用。 然后就可以获取二维码,扫码申请体验,开发就可以通过了。

*后,这是我使用的源代码的链接。 我不知道这是否违反规定。 先试试吧。 如果不行请联系我删除微信小程序自习室预约码下载地址

炫佑科技专注互联网开发小程序开发-app开发-软件开发-网站制作等

相关案例查看更多