微信小程序的开发语言、开发者工具以及如何申请

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

微信小程序的开发语言、开发者工具以及如何申请

**个地址：

之前我已经介绍过开发小程序、开发工具以及如何申请微信小程序账号（传送门：）。 读完本文，你应该对小程序有了一定的了解。 今天我将介绍如何开发你的**个微信小程序，包括创建小程序项目、编写接口和功能代码以及*终提交和审核。

新建一个微信小程序项目

打开小程序的开发工具，点击左上角的项目->新建项目，新建一个微信小程序。 登录微信小程序官网即可找到AppID。 具体位置在设置->开发设置中。 填写完毕后，点击确认按钮。 ：

创建完成后，微信小程序的初始模板就创建完成了。 从左到右分别是界面、项目结构和代码。 以本模板首页为例，index.wxml为界面代码，index.js为功能代码。 ，index.wxss是样式代码：

写一个简单的微信小程序

一个简单的微信小程序可以分为两部分，一是界面，二是功能。 下面以我的小程序为例（微信小程序搜索：flyzy小站，或扫描以下二维码）对这两方面进行介绍：

小程序界面

目前flyzy小站只有两个界面，一个是首页，一个是IP可用性检测页面。 整个项目的项目目录如下：

该界面包括索引（主页）、（IP可用性检查）和一个（通用模板页，目前只有页脚）。

以IP可用性验证页面为例，整个页面标签语言（.wxml）代码如下：

    
        IP可用性检验
        用于检测该IP在国内能否使用，IP不可用一般表现为两种，一种是ping不通，另一种是可以ping，但是TCP被阻断，*直接的表现就是无法ssh登录。因此，该工具包括普通的ping检验（ICMP检验）和指定端口检测（TCP检验）。
    
    由于网络原因，建议多测几次，通过一次则代表可用。
    
        
            
                {{vps_address_name}}
            
            
                
            
        
        
            
                SSH端口号
            
            
                
            
        
    
    
            
                
                    
                    
                        
                    
                    域名检测
                
            
    
    
        检测
    
    
    
        
        正在检验
    
    
    {{result}}
    

与HTML等标签语言类似，除了原有的标签语言之外，还需要样式语言对其进行修改。 目前我主要参考的样式库是：，这是官方小程序开发团队制作的一套微信原生视觉体验。 一致的基本风格库。

小程序功能

写完接口代码，接下来就是实现功能了。 我们继续以IP可用性测试为例。 点击检查按钮后，如何判断IP或域名的正确性，以及如何检查其可用性？

首先在上一节的页面代码中找到检测按钮对应的标签：

检测

不用担心class和type，它们主要控制风格。 就是这个按钮的点击事件用来绑定功能代码的。

.js中会有一个与之对应的方法，代码如下：

ip_check: function () {
    if (this.data.status === 1) {
      wx.showModal({
        title: '提示',
        content: '正在检测，请不要重复提交！',
      })
      return;
    }
    if (this.data.isDomain) {
      if (!util.domain_valid(this.data.ip)) {
        wx.showModal({
          title: '错误',
          content: '请输入正确的域名！'
        })
        return;
      }
    } else {
      if (!util.ip_valid(this.data.ip)) {
        wx.showModal({
          title: '错误',
          content: '请输入正确的IP！'
        })
        return;
      }
    }
    if (!util.port_valid(this.data.port)) {
      wx.showModal({
        title: '错误',
        content: '请输入正确的端口，0-65535！',
      })
      return;
    }
    this.setData({
      status: 1
    })
    var that = this;
    wx.request({
      url: 'https://**.**.**.**/ip_check.php',
      data: {
        ip: this.data.ip,
        port: this.data.port,
      },
      success: function (res) {
        var msg = "";
        if (res.data.icmp === "success") {
          msg += "ICMP：可用；";
        } else {
          msg += "ICMP：不可用；";
        }
        if (res.data.tcp === "success") {
          msg += "TCP：可用";
        } else {
          msg += "TCP：不可用";
        }
        that.setData({
          result: msg,
          status: 2
        })
      },
      fail: function () {
        that.setData({
          result: "检测超时，请稍后再试",
          status: 2
        })
      }
    })
  },

整个检测过程逻辑比较清晰。 首先判断不允许重复提交进行测试，然后使用三个正则规则判断IP、域名和端口的正确性，然后向远程服务器发送请求。 服务器收到请求后，判断IP或域名的可用性，*后根据服务器的返回结果告诉用户TCP和ICMP的可用性。

注意：微信小程序的接口（URL对应的）必须是https，域名必须是国内注册的。

微信小程序提交及审核

写完小程序后，如果你想发布版本，首先在开发工具（工具栏）中提交上传请求，然后你就可以在网页上看到你的项目了。

总共有3个类别。 开发版本是您刚刚从开发工具上传的版本。 当您点击右侧提交审核时，该版本将被推送至审核版本。 微信小程序工作人员审核完成后微信小程序的开发语言、开发者工具以及如何申请，您可以选择在线发布。 这是*终的在线版本。

至于小程序的审核时间，网上很多人都说小程序审核时间很长，如果你不付费，可能会刁难你，不让你通过。

以我的经验来看，小程序的**次审核大约需要1-2天，后续提交的版本只需要几个小时就可以通过（图中可以看到开发版和上线版的时间间隔）。 所以小程序的审核速度还是比较快的。

总结

本文大致介绍了如何开发你的**个微信小程序，包括小程序创建、小程序接口和功能代码编写、小程序提交和审核微信开发一个小程序，并根据自己的经验介绍了小程序的审核时间。 整个开发流程基本都包含了，让大家能够有一个更清晰的概念。 万事开头难，但是通过这篇文章，我们可以发现小程序一点也不难。 后续的接口设计、更复杂功能的代码实现等都涵盖了。 你需要自己去探索。 有了 ，您就是自己的百科全书。

飞济站

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