怎么做微信小程序( 二 )

//helloworld. wxmiewhelloworld/view
8、注册helloword页面
小程序中的每一个page都需要注册到页面对应的js文件中，所以这里我们需要在目录中创建一个helloworld.js文件，通过page函数注册一个page 。函数还接受一个对象参数，可以是页面的初始数据，生命周期函数，事件处理函数等。这里我们忽略生命周期函数，只定义一个参数为空的page({})函数来注册页面。
//helloword.jspage({})
9、创建app.json文件
一旦注册了页面，我们需要配置页面路径，并告诉小程序页面将被加载到哪里。这需要我们在根目录下创建一个app.json文件，并使用这个文件全局配置applet 。pages对象用于指定applet由哪些页面组成，每个项目对应一个页面的路径(包括文件名)信息。
注意：文件名不需要写文件后缀，框架会自动查找的四个文件。json，js，wxml和。用于处理的wxss 。数组中的第一项代表小程序的初始页面(即第一页)，在小程序中增加/减少页面时需要修改页面数组。
//app.json文件{ " pages" :[" helloworld"//由于该文件当前存储在根目录下，所以这里直接填写文件名] 。}
10、调试
接下来，我们可以打开“微信开发者工具”，切换到“导入项目”页面，在目录栏中选择我们的项目文件夹。如果没有appid，您可以选择来宾模式，然后单击“导入”按钮。程序会自动生成project.config.json配置文件和sitemap.json站点地图配置文件(暂时可以忽略) 。在左边的模拟器中，我们可以看到我们的“helloword”内容显示在小程序中。
这里我们已经创建了一个比较简单的“你好”小程序。
想美化页面显示
如果想美化页面显示风格。我们可以继续创建helloword.wxss文件，在这里我们可以用wxml的组件样式来控制它。wxss写的像css，很容易上手！
这里，以上是10步10分钟。我们开发了一个小程序，也开始开发小程序。
你已经是一个小程序开发者了。
补充知识
小程序目录结构说明
一个小程序体至少需要两个文件，app.js和app.json，必须放在项目的根目录下(文件名也必须是app) 。
app.wxss是全局样式表，主要用来美化视觉风格。没有它也可以实现。
通常情况下，
小程序页面由四个文件组成，分别定义了页面的结构、样式、功能逻辑、配置信息。
简单介绍如下：
app.js文件
每个applet都需要调用app.js中的app方法来注册一个applet实例，这是一个小程序的入口文件.
同时，这个文件也用于定义小程序的全局数据和函数，并控制和监视小程序的整个生命周期。
定义的函数和数据是全局共享的，其他页面可以直接使用全局函数和数据。
生命周期函数可以为不同的场景调用不同的生命周期函数，例如：
onrunch:monitorapplet初始化；
onshow:监控小程序显示；
onhide:侦听小程序隐藏；
注意：app必须在app.js中注册，并且只有一个app实例。可以通过getapp方法获取全局唯*的app实例，但不要在app函数中调用getapp方法。您可以通过使用此来获取应用程序实例。
技巧!对你来说，更多地了解代码保护对你将来发展小项目非常重要
从文件名可以看出这是app.js是js文件。众所周知，js文件是明文，小程序可以反编译。如果你努力开发一个小程序，而它被别人反编译了，你很容易得到你写的代码，也很容易修改和复制你的程序。
那么，我们需要有产品保护意识：代码是受保护的。有一个平台叫jshaman.程序员，传统做前端开发的都知道是js代码保护平台工具，可以对js代码进行混淆和加密，使其不可读不可分析，目的是防止自己别的代码被别人复制修复了使用.