10分钟入门微信小程序开发：从环境搭建到开发出第一个程序。( 二 ) _微信小程序

// helloworld.wxml<view>Hello World</view>8、注册helloword页面小程序中的每个页面都需要在页面对应的 js 文件中进行注册，所以这里我们需要在目录中创建一个helloworld.js文件并通过Page() 函数用来注册一个页面。该函数同样接受一个 object参数，可以是该页面的初始数据、生命周期函数、事件处理函数等。这里我们还是先不管那些生命周期函数，只要定义个空参数的Page({})函数即可注册页面。
// helloword.jsPage({})9、创建app.json文件页面注册好了我们就需要来配置页面路径了，告诉小程序要加载的页面在哪里。这就需要我们在根目录下创建一个app.json文件，通过该文件来对小程序进行全局配置。而其中的pages对象就是用来指定小程序由哪些页面组成，每一项都对应一个页面的路径（含文件名）信息。
注意：文件名不需要写文件后缀，框架会自动去寻找对于位置的 .json, .js, .wxml, .wxss 四个文件进行处理。数组的第一项代表小程序的初始页面（即首页），小程序中新增/减少页面时都需要对 pages数组进行修改。
// app.json文件{"pages": ["helloworld"//由于该文件目前存放在根目录，所以这里直接填文件名],}10、调试接下来我们就可以打开“微信开发者工具”并切换到“导入项目”页面，在目录栏中选择我们的项目文件夹。AppID没有的可以选择游客模式，点击“导入”按钮即可。程序会自动生成project.config.json配置文件和sitemap.json站点地图配置文件（可以暂时忽略），在左侧的模拟器中我们可以看到在小程序中显示了我们的“Hello Word”内容。

文章插图

?到这里我们就创建了一个最简单的“Hello Word”小程序。
想美化页面显示
如果你想美化页面显示样式。我们可以继续创建一个helloword.wxss文件，在这里我们可以WXML 的组件样式进行控制。WXSS的写法和css相似，很容易上手的！

文章插图

到此，以上简单10步，10分钟。我们就开发出了一个小程序，就已入门小程序开发了。
你已经是一个小程序开发者了。
补充知识小程序目录结构说明
一个小程序主体至少需要app.js和app.json这两个文件组成且必须放在项目的根目录（文件名也必须为app）。
app.wxss为全局样式表，主要是用来美化视觉样式的，没有也可以，也能实现功能。
而通常的小程序页面由四个文件组成，分别定义了页面的：结构、样式、功能逻辑、配置信息。
如下做简单介绍：

文章插图

app.js文件
每个小程序都需要在 app.js 中调用 App 方法来注册小程序实例，是小程序的入口文件。
同时该文件也是用来定义小程序的全局数据和函数，控制、监听小程序的全生命周期。
定义的函数及数据都是全局共享的，其他页面可以直接使用全局函数和数据。
而生命周期函数可以针对不同场景可以调用不同的生命周期函数，如：
onlaunch：监听小程序初始化；
onshow：监听小程序显示；
onhide：监听小程序隐藏；
注意：App() 必须在 app.js 中注册且只有一个 App 实例，通过 getApp 方法可以获取到全局唯一的 App 实例，但不要在 App() 函数中调用 getApp() 方法，使用 this 就可以拿到 App 实例。

文章插图

这里再讲一点高级技巧，对于将来你做小程序开发很重要：代码保护！
由文件名也可知，这是app.js是个js文件。而我们知道，js文件是明文的、小程序也是可以反编译的。如果你辛苦开发了一个小程序，被别人反编译，很轻松就可以获得你写的代码，很容易就可以修改、复制你的程序。
那么，我们需要有产品保护意识：代码是保护起来的。有一个平台，叫作JShaman，传统做前后端开发的程序员都知道，这是一个JS代码保护平台工具，可以把JS代码进行混淆加密，使代码不可读不可分析，其目的就是防止自己别的代码被别人复制修复了使用。
在小程序开发中，同样可以用到这个平台，可以把app.js中的代码经JShaman加密了，再发布小程序。这样即使别人反编译了你的小程序，他也没办法用里面的代码。