网页如何变成微信小程序

网页如何变成微信小程序？

（1）、提前注册小程序账号

此时所需准备的资料包括：小程序名称，企业营业执照，证件，小程序管理人员姓名及联系方式，以及企业对公账户。特别是对公账户在后续支付环节未提供的，不能提交支付端口申请。

（2）、小程序的主要功能规划

许多商家认为这是小程序开发公司的事，其实，商家企业比较了解自己的行业和消费者，小程序应该具备哪些功能，商家最清楚，小程序开发公司是在技术实现上帮助商家完善程序细节，使小程序更完整。

（3）、申请域名，提前备案，申请SSL证书

互联网上提供的任何产品或服务都需要购买域名并完成域名备案才能上线，而且备案时间最快也需要20天左右，因此商家需要提前购买好域名，在哪里购买的域名可以直接在平台上申请备案。为了保证整个用户的生态数据安全，微信小程序必须使用HTTPS加密协议，而只有申请了SSL证书，才能实现https数据加密请求的业务域名。

把手机h5页面转成微信小程序，可以通过代码实现，方法及详细的 *** 作步骤如下：

1、首先，一个h5页面，其中包含四个文件，如下图所示。

2、其次，由于 *** 作环境不同，为了在编译时和运行时执行一些兼容的 *** 作，需要一个配置文件，如下图所示。

3、接着，编写一个名为“build.js”的构建脚本，如下图所示。

4、然后，执行先前编写的脚本，如下图所示。

5、最后，手机h5页面就转成了微信小程序，如下图所示。

第一次写文章，希望有错能指正。

最近boss突然说要把一套web上的系统做成小程序。还好之前有过接触小程序，不过都是自己照着api和demo瞎写的，只能硬着头皮上了。

不出意外写了没多久就卡住了，原因是web页是利用cookie来保持登录信息，而小程序中并没有cookie这种东西。

一般的cookie都是浏览器生成放在Request Headers 中当做信息传给后端的，然后后端返回Set-Cookie给客户端浏览器设定之前拿到的cookie,使浏览器在cookie失效之前都拥有登陆者的信息。前端发送的cookie就像一张身份z，只要是携带了这个cookie的请求都会被认为是同一个请求源。

但是小程序中的登录请求并没有向后端发送cookie。

下图是正常浏览器端的登录请求

这是小程序中的

同一个接口cookie的差异就导致了小程序中无法使用cookie来保持登录信息。

不过好在登录请求不管前端是否发送cookie，后端都会有一个sessionId计算器(存在于使用cookie免登录的项目)，请求的Response Headers中肯定会有一个Set-Cookie信息，通过response.header['Set-Cookie']拿到Set-Cookie的整条信息后，自然就可以得到其中的SESSION了。

然后通过自带的setStorage方法存储在本地，之后想要看登录之后的各种页面只要在请求的头中加入Cookie(和web端请求登录参数名一致)参数即可。

wx.setStorage({

      key: "sessionId",

      data: sessionId

})

wx.getStorage({

      key: 'sessionId',

      success: function (response) {

            wx.request({

                  url: '请求url',

                  method: 'GET',

                  data: {

                  },

                  header: {

                        'content-type': 'application/json',

                        'Cookie': response.data

                  },

                  success: function (res) {

                  }

            })

      }

})

每个接口都要多传一个参数，麻烦是麻烦了一点，不过算是马马虎虎地解决了问题，之后应该还会遇到很多问题，只能边学边做了。

---