服务号如何升级为小程序步骤说明

　　由于小程序获得了很多微信粉丝的青睐，所以在那些公众号运营者的强烈要求下，微信官方开放了服务号小程序，服务号如何升级为小程序?目前还只是处于内测阶段，所以只有一部分企业小程序参与封测，但是也不影响小编为大家解答一下的。

　　1. 获得微信小程序的AppID

　　首先需要拥有一个小程序帐号，而且要注意不可直接使用服务号或订阅号的AppID。利用提供的帐号就可以在微信官方网站的「设置」-「开发者设置」中，查看到微信小程序AppID 了。

　　注意：如果我们不是用注册时绑定的管理员微信号，在手机上体验小程序。那么我们还需要操作「绑定开发者」。即在「用户身份 - 开发者」模块，绑定上需要体验该小程序的微信号。本教程默认注册帐号、体验都是使用管理员微信号。

　　2. 创建项目

　　我们需要通过开发者工具完成小程序代码编辑和创建。

　　开发者工具安装完成后，打开并使用微信小程序扫码登录。选择创建小程序项目填入获取到的 AppID，设置一个本地项目的名称(非小程序名称)，比如「我的第一个项目」，并选择一个本地的文件夹作为代码存储的目录，点击「新建项目」就可以了。

　　为方便初学者了解微信小程序代码的基本结构，在创建过程中，如果选择的是一个空文件夹，开发者工具会提示创建一个 quick start 项目的需求。当小程序项目创建成功后，我们就可以点击并进入，看到完整的开发者工具界面，点击左侧导航即可以查看和编辑代码，在「调试」里可以测试代码并模拟小程序效果。

　　3. 编写代码

　　点击开发者工具左侧导航的「编辑」，我们可以看到这个项目，已经初始化并包含了一些简单的代码文件。最关键也是必不可少的，是 app.js、app.json、app.wxss 这三个。其中，.js 后缀的是脚本文件，.json 后缀的文件是配置文件，.wxss 后缀的是样式表文件。微信小程序会读取这些文件，并生成小程序实例。

　　app.js 是小程序的脚本代码。我们可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量。调用 MINA 提供的丰富的 API，如本例的同步存储及同步读取本地数据。

　　//app.jsApp({onLaunch: function () {// 调用小程序API从本地小程序缓存数据中获取数据var logs = wx.getStorageSync('logs') || []logs.unshift(Date.now())wx.setStorageSync('logs', logs)},getUserInfo:function(cb){var that = this;if(this.globalData.userInfo){typeof cb == "function" && cb(this.globalData.userInfo)}else{// 调用登录接口wx.login({success: function () {wx.getUserInfo({success: function (res) {that.globalData.userInfo = res.userInfo;typeof cb == "function" && cb(that.globalData.userInfo)}})}});}},globalData:{userInfo:null}})app.json 是对整个小程序的全局配置。我们可以在这个文件中配置小程序是由哪些页面组成，配置小程序的窗口 背景色，配置导航条样式，配置默认标题。注意该文件不可添加任何注释。{"pages":["pages/index/index","pages/logs/logs"],"window":{"backgroundTextStyle":"light","navigationBarBackgroundColor": "#fff","navigationBarTitleText": "WeChat","navigationBarTextStyle":"black"}}app.wxss 是整个小程序的公共样式表。我们可以在页面组件的 class 属*上直接使用 app.wxss 中声明的样式规则。/**app.wxss**/.container {height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: space-between;padding: 200rpx 0;box-sizing: border-box;}### 

　　在微信小程序商店的这个教程里，我们有两个小程序页面——index 页面和 logs 页面，也就是大家都会看到的欢迎页和小程序启动日志的展示页，他们都在 pages 目录下。微信小程序中的每一个页面的【路径 + 页面名】都需要写在 app.json 的 pages 中，且 pages 中的第一个页面是小程序的首页。

　　每一个小程序页面是由同路径下同名的四个不同后缀文件的组成，如：index.js、index.wxml、index.wxss、index.json。.js 后缀的文件是脚本文件，.json 后缀的文件是配置文件，.wxss 后缀的是样式表文件，.wxml 后缀的文件是页面结构文件。

　　index.wxml 是页面的结构文件：```

　　{{userInfo.nickName}}

　　{{motto}}

　　这样，服务号如何升级为小程序的问题就圆满解决了，其实细心的朋友可以发现，这个步骤和开发小程序的步骤相差无几。其实将服务号升级为小程序无非也就是开发一个新的小程序，等到这个功能彻底开放，大家就可以来试试了。

　　小程序引导关注服务号有什么意义?

　　服务号怎么使用小程序?服务号可以转为小程序吗?

　　微信小程序和服务号可以共存吗?