美文网首页微信小程序开发程序员微信小程序开发
微信开发之旅———Day1(小程序初体验)

微信开发之旅———Day1(小程序初体验)

作者: Yinvoker | 来源:发表于2019-01-10 22:04 被阅读49次

    微信小程序是以微信作为操作系统的一种程序,它在手机中只有一个小于1MB的程序或客户端,其服务端在腾讯公司,服务端为一个调度器,数据的存贮必须每个程序有自己的独立空间,数据的访问是采用RESTFUL方式,也可以采用WebService形式,只要数据的格式是JSON就可以了。

    名词解释

    RESTful:一种软件架构风格、设计风格,而不是标准,只是提供了一组设计原则和约束条件。它主要用于客户端和服务器交互类的软件。基于这个风格设计的软件可以更简洁,更有层次,更易于实现缓存等机制。

    Web Service技术: 能使得运行在不同机器上的不同应用无须借助附加的、专门的第三方软件或硬件, 就可相互交换数据或集成。依据Web Service规范实施的应用之间, 无论它们所使用的语言、 平台或内部协议是什么, 都可以相互交换数据。

    JSON:是一种轻量级的数据交换格式。它基于 ECMAScript (欧洲计算机协会制定的js规范)的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写,同时也易于机器解析和生成,并有效地提升网络传输效率。

    MVVM:是Model-View-ViewModel的简写。它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化,让我们将视图 UI 和业务逻辑分开。当然这些事 ViewModel 已经帮我们做了,它可以取出 Model 的数据同时帮忙处理 View 中由于需要展示内容而涉及的业务逻辑。

    微信开发准备流程及初步了解

    1. 申请账号(小程序官网

    因为是基于微信开发的,必须在微信上建立小程序的帐号,可以建立自己的微信号,也可以建立在公司的微信号上。
    详细注册教程(小程序官方教程

    2. 下载开发端(微信web开发者工具)并安装

    开发工具:下载开发工具、进行代码的开发、上传。点击“普通小程序开发者工具”

    3. 创建第一个小程序



    这里因为第一次测试,所以就不用申请APPid了,直接使用测试号就好

    4. 了解页面


    开发页面大致由这几块构成,每次修改完代码后可以直接Ctrl+s进行保存+编译,然后模拟器区域会自动显示出当前的效果。然后可以在控制台看当前的一些配置参数的显示,用于进行调试和debug。

    5. 了解架构

    *   page
        *   page.wxml
        *   page.wxss
        *   page.js
        *   page.json
    

    每一个页面都由4个模块构成,分别为wxml(页面内容,相当于html)、wxss(页面设计,相当于css)、js(页面逻辑,相当于js)、json(配置数据)构成。

    6. 编译

    微信小程序的编译十分简单,每次写完代码后可以直接 Ctrl+s 进行保存+编译

    7.其他

    可以尝试着点一下头像或是log文件,或是扫码编译一下,可以在手机上(登录你注册微信号的手机)进行真机模拟。
    然后可以多点各个地方去体验一下这个开发环境,有利于后续的学习(反正折腾坏了就重开一个项目,问题不大哈哈哈)

    下一篇:微信开发之旅———Day2(小程序框架——上)

    相关文章

      网友评论

        本文标题:微信开发之旅———Day1(小程序初体验)

        本文链接:https://www.haomeiwen.com/subject/iauzrqtx.html