您所在的位置:微信小程序代理加盟_青创小程序 > 新闻资讯 >

一小时快速搭建微信小程序

来源:北京青创小程序 浏览量:0 发布时间:2018-06-25 00:00:00

迷你计划已经发布了将近一个星期,互联网技术人员也在努力尝试。然而,这个小程序仍在进行内部测试,第一批只发布了200个内部测试资格(眼泪流下)。一个月的小程序。幸运的是,微信已经发布了两天的正式开发工具,而不需要进行内部测试。

在著名的同性恋约会网站GITHUB中,小程序的演示很多,但是大部分简单的API演示,有的甚至直接在JSON文件中写入页面数据(很明显有一个网络请求API),我想体验的是TH之间的无缝连接。最后,我选择了腾讯云推出的小专辑项目。

对象存储服务(云对象服务)是由腾讯云为企业和个人开发者提供的高可用性、高稳定性、高安全性的云存储服务,任何非结构化数据的数量和形式都可以被放入COS中,并且数据管理和处理可以是实施。

之所以选择腾讯云演示,一是因为它是由腾讯从家里推出的,项目的质量是有保证的;二是因为它是几个小程序开发,而且还介绍了项目的云部署。

略显经验的程序员知道架构是静态的和静态的。静态文件不应该放在自己的服务器上,放置在专门用于存储的对象存储服务器COS中,并用CDN加速。小册子的后端是No.js和nGixx作为反向代理。

首先,我们需要在本地建立WeChat的小程序的开发环境,即下载开发工具。没有必要再下载破解版。打开官方网站下载页面,并根据自己的操作系统进行选择。我使用的是MAC版本。

选择添加项,将不选择AppID(如果Script将出错,则可能不进入项目)。如果所选的项目目录是空的,请检查当前目录中的快速启动项目,如图所示。

接下来,我们下载小册子的源代码,您可以选择直接从腾讯云官方网站下载,或者从腾讯云团队的Github仓库下载链接。我建议从GITHUB仓库中提取,以便您可以及时获得最新的代码。

当下载源代码时,我们打开WebWebWeb开发工具,新建项目小册子,并选择目录小程序(或APP)。

在部署之前,我们将简要分析小册子的具体代码,毕竟,效果并不是我们的目标。我们的目标是学习如何开发小程序并与服务器端交互,以小册子为例。

小册子包含一个描述整个程序和多页描述每个页面的应用程序,主程序APP主要由三个文件组成,即App.js(小程序逻辑)、App.JSON(通用小程序设置)和App.Wxss(小程序的通用样式表),其中前两个是必要的文件。配置文件JS文件包含用于部署域名的一些设置。

在页面目录中,有两个页面页面,分别是索引页和相册。页面结构相对简单,其中索引是Applet启动时的默认页面条目。在每个页面中,至少有两个文件:Js(页面逻辑)和Wxml(页面结构)…WXSS(页面样式表)和JSON。您可以注意到,这些文件的文件名与父目录的文件名相同。这是WebCalk的官方规则,其目的是减少配置项并促进开发人员。

接下来,我们以索引页为例来解释BReFLIF.Index。WXML是这个页面的表示层文件,代码非常简单。它可以分为两部分。

我们看到有一个按钮进入页面上的相册。在正常理解之后,点击按钮后,我们可以进入相册。小程序如何实现这个操作。

在索引xWXML中,我们发现在相应的按钮标签上定义了一个相应的BANTAP属性,它绑定了一个名为GotoSub的方法。该方法可以在索引x.js文件中找到。事实上,该方法只在文件中定义,具体的动作是跳转到相册页面。

该程序的主要逻辑是在Palmi.JS页面中编写的,包括选择或拍摄图片、图片预览、图片下载和图片删除;在视图中使用三个视图容器中的WMXML,滚动视图,SIP,并提供消息提示框toAST。请参阅用于实现特定方法和视图的源代码。所有这些函数都是在页类中编写的。

一般来说,与WeChat的官方宣传一样,开发工具下的小程序开发确实有了很大的改进,而且有很多WebCube改进的组件和API,所以开发速度的经验仍然很酷。

此外,由于小册子需要云功能,如上传和下载图像,我们还需要部署和设置服务器端。请看下一步。

虽然服务器的开发并不是本文的重点,为了充分体验小册子的整个开发和部署过程。

如果你想更酷一点,你可以选择腾讯云官方提供的小程序云镜。小册子服务器的操作代码和配置已经被打包成腾讯云CVM镜像,可以直接使用。好云。

如果你以前没有使用过腾讯云,你可以选择免费试用(我有一个8天的个人服务器)或一个礼品包,以优惠的价格购买服务。

在WebApplet中,所有的网络请求都是严格限制的,不能满足不符合要求的域名和协议。总之,您的域名必须是HTTPS协议。因此,您还需要申请域名证书。如果没有域名,请重新命名。首先我们没有收到内部测试,我们暂时不需要登录微信公众平台来配置通信域名。

在微信的小程序云示例镜像中,NGNIX已经被部署,但它还需要修改在/ETC/NGNX/COND.D下的配置中的域名、证书和私钥。

请将红盒部分更改为您自己的域名和证书,并将PROXYPASS设置为NoDE.JS端口,我的9993。

我们还需要添加域名记录来解析域名到我们的云服务器,这样我们就可以使用域名做HTTPS服务。在腾讯云注册域名中,可以直接使用云解析控制台添加主机记录,并选择直接购买的CVM。

因为我们想要实现静态和静态分离的架构,所以我们选择在COS上存储小册子的图像资源。为了使用COS服务,您需要登录到COS管理控制台并完成以下操作。

1。点击创建桶。你将被要求选择属于你的物品并填写相应的名字。在这里,我们只需要填写我们喜欢的桶名。

弹出式页面包含了我们需要的三个信息:唯一的APP ID,一对SCODIDED和SCONTYKEY(用于调用COS API)。保留这些信息,稍后我们将使用它。

在官方镜像中,小册子示例的节点服务代码部署在目录/DATABOR/EXPLA/QCUROD APPLET-Palm。进入目录中,如果它是您自己的服务器,请输入相应的文件夹。

在这个目录下,有一个名为CONT.JS的配置文件(如下所示),根据注释修改相应的COS配置。

此外,CD./Reals/Sudio/RealsLes修改了List.js,并修改了桶下的图像存储路径的const ListPATH的值。如果是根目录,则将其修改为/'。该值被设置为当前服务器代码中的/Popy。如果在第七步骤中不创建目录,则无法成功调试。

接下来,WebWebWebDeaveDevices工具打开小册子项目,并将源CONT.JS中的通信域名主机修改为您自己的应用程序域名。

到目前为止,到目前为止,微浏览器Applet提供的上传下载API在调试器中不能正常工作,需要用微信清除代码预览体验,但由于没有资格,暂时无法体验。

联系我们

  • 公司:北京青创小程序

  • 免费热线:400-880-6422 手机:13683819778

  • 地址:北京市朝阳区大望路地铁站soho现代城

  • 电话:13683819778

2015-2019 北京青创小程序 版权所有 浙ICP备16000559号-3



线