如何把web系统整理成小程序

❶ 如何把手机h5页面 转成微信小程序

可以把h5的页面镶嵌小程序中,
web-view
基础库
1.6.4
开始支持，低版本需做兼容处理
web-view
组件是一个可以用来承载网页的容器，会自动铺满整个小程序页面。个人类型与海外类型的小程序暂不支持使用。

❷ 怎么把网站生成百度小程序

新建后，会出现在小程序列表里面，我们选择一个小程序点击进去，然后点击设置—开发者设置，这里有我们的小程序的id、key和秘钥，把这三个参数复制到一个记事本上，等会会用到

查看剩余1张图
2/13
我们应该生成网络小程序代码的平台是什么？直接网络搜索营销宝箱就可以了

3/13
这个时候，我们之前在网络小程序后台复制下来的那几个参数填写上去，填写完成后，我们点击管理小程序

4/13
进入应用市场，选择自己所需要的功能模块

5/13
选择模块之后，我们在功能模块里面可以看到自己选择的模块，这个时候我们在这里完善上自己的信息

6/13
完善好小程序信息之后，我们选择小程序发布，这个时候，系统会给我们生成一个专属的域名，我们把这个域名复制下来，粘贴到网络小程序后台的服务器域名这里

7/13
网络小程序的配置域名在这里

8/13
域名填写完成后，我们就基本完成了对接，这个时候要打包，按照提示一步步设置，打包完成后，我们把代码下载下来

9/13
下载生成的代码后，我们把代码压缩包解压到一个空的文件夹内，注意压缩包不要和解压的文件放在一个文件夹内
10/13
安装开发者工具后，我们选择打开，选择代码解压的那个文件夹

11/13
然后等待开发者工具进行编译，编译过程中不要操作，编译完这个黑框会自动消失，编译完成后我们，更改文件中的testappid，换成自己的网络小程序ID

查看剩余1张图
12/13
登陆自己的网络账号，用手机网络扫码登陆即可，登陆后可以预览，预览没问题的话，选择发布

13/13
发布成功后，在网络小程序后台，开发管理，提交审核，审核通过后就可以发布上线了

❸ 如何把手机h5页面 转成微信小程序

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

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

❹ 已有网站如何一键生成微信小程序

这个无法一键生成，因为最终展示的客户端也不同，小程序需要通过微信审核在微信中展现，如果是共用一个系统和数据库的话，产品和文章可以同步，但具体的页面小程序还是要单独添加的。

❺ 如何把已写好的html或者PHP写好的程序放进微信小程序

第一步：申请域名备案
第二步：购买SSL证书 小程序只认https 部署你的项目
第三步：申请小程序 添加域名
第四步：下载小程序工具（微信web开发工具）
第五步：修改小程序dome 把WXML里面改成<web-view src="https://你的地址"></web-view>
第六步：需要调用某些api 继续改你的html/php代码
第7步：点击工具上传，微信后台提交审核

❻ 如何制作小程序

创建小程序项目

1、打开微信web开发者工具，点击+号，开始创建一个小程序。毒大哥是我已经创建好了的一个示范小程序项目，这里仅供参考。
2、创建一个小程序项目需要：项目命名、小程序的Appid、配置本地开发目录。一个三个步骤。
3、小程序的APPID需要打开浏览器，登陆网页版微信小程序管理后台。设置-开发设置-复制AppID。
4、配置小程序项目的本地目录，这里暂且使用F盘/毒先生 作为示范。接着在网上下载一套小程序模版源码。
5、网络上搜索一下 小程序模版源码下载，随便点击一个一般都免费可以获取到一个简单的小程序模版源码。
6、这里我示范的找了几个小程序模版，关键是把模版的源码下载下来就可以。一般选有电商性质的模版好一点。
导入小程序源码
1、网上下载完小程序模版源码之后，压缩包解压，找到大黑方框的内容，全部复制。
2、找到创建的小程序本地开发目录，这里是F盘/毒先生 目录，将大黑方框的文件全部复制进目录。
3、打开微信web开发者工具-项目-预览-扫码-编辑。就可以看见网站上面展示的小程序模版了。
4、用鼠标或者手机点击小程序模版里面的控件链接测试一下，进而根据需求对模版源码进行自定义更改、学习、化他为己用。这样一个简单的小程序就做成了。

❼ 如何将web网站打包成app

• 首页得准备好需要的东西，如eclipse，一个完整可以浏览的手机网站，而且确保电脑配置好jdk，环境变量，还要安装好cordova，这些环境等配置这里不表，可以自行网络。在这里我就自己随意写了个网站做测试，从下图可以看出来，这是一个可以在网页中浏览的手机网站

• 有了网站之后，第一步新建一个项目，打开你要保存的项目地址，比如D盘的yun文件夹，按住键盘的shift键+鼠标右键，选择“在此处打开命令窗口”，就会弹出一个终端命令窗口，打开之后在终端里面输入cordova
  create hello，hello为你的项目名称，如cordova create
  qianqian，qianqian就是我的项目名称，注意，不要手动去创建文件夹，因为我们在终端里面建的项目里面有很多的配置文件，终端命令窗口不要关

• 在终端命令窗口中输入cd
  qianqian，进入qianqian文件夹，然后再输入cordova platform add
  android，回车，等待下载完成，记住在下载之前一定要确保已经安装git，要不然会下载失败，本人亲自试验，下载可以要1分钟左右，下载完成后终端命令窗口不要关，等下要用

• 下载完成后将准备好的网站放到www文件夹里面，原来的文件可以删掉，再打开eclipse软件，点击菜单栏file--import，弹出一个窗口，选择下面图片中的选项，再点next，之后点击Browse，选择qianqian文件夹项目的路径，选取，记住，复选框一定要全部选上，不懂的看下面的图片，然后确定就可以了

• 确定之后就会看到下面图片一样左边会出现两个项目，为了确保项目一次性完成，我们可以在终端窗口里面输入cordova prepare，输入前确保是在当前qianqian文件夹，这个命令是在修改过项目的情况下运行的，等待他运行完，下面第二张图片是运行完成的图片

• ok，之后就可以打包webapp了，回到eclipse，我们发现项目文件有个红叉，或者也会出现一个感叹号之类的，出现这个情况的话可以点击菜单栏project--clean，在弹出的窗口中选择第二个单选项，下面的复选框全部选上，不懂看图，确认之后就可以看到红叉没了

• 然后在项目栏里选择第二个项目右键选择run as--android application，之后等待半分钟左右，主要是看电脑运行速度好不好了，好的话就快

• 最后如果你手机连接着电脑或者你电脑开着安卓虚拟机的话，在弹出的窗口就会出现你手机或者虚拟机的信息，选择他再点ok，系统会自动跳到虚拟机里，如果是真机的话，就直接看你的手机就行，手机会自动安装app应用的

• 如果两者都没有的话可以将弹出的窗口都关闭，然后在软件项目栏的第二个项目里面有个bin文件夹，打开，里面有个apk，将他复制出来安装到自己手机或其他机器里就行了，下图就是webapp做出来的最终效果，一开始忘记上传图片，只上传了代码，所以app里面没有图片，不过效果总算是出来了

❽ web页转微信小程序的普通用户名密码登录方式

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

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

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

一般的cookie都是浏览器生成放在Request Headers 中当做信息传给后端的，然后后端返回Set-Cookie给客户端浏览器设定之前拿到的cookie,使浏览器在cookie失效之前都拥有登陆者的信息。前端发送的cookie就像一张身份证，只要是携带了这个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) {

                  }

            })

      }

})

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

❾ 编程零基础，如何入门 web 前端玩转微信小程序

Web前端相对简单，是个入行的敲门砖，但也因为它入门简单，所以大多数人都停留在了一个初级的层次。

哪第一步该如何踏出呢？

比如我是一个纯小白，学校又不教具体的知识，如何来开始第一步的学习呢？

马上去图书馆找本书？还是找个视频教程开始看？

第一步：

1 模仿

编程是一门手艺，而手艺的话都是从模仿起家的，看书、看视频都用处不大，目前是一个信息过载的社会，如何能吸收信息并让信息沉淀下来，变成自己技能，是必然要通过手敲，必须通过艰难的bug过程，必须是通过实践。

&lt;img src="https://pic1.mg.com/v2-_b.png" data-rawwidth="528" data-rawheight="283" class="origin_image zh-lightbox-thumb" width="528" data-original="https://pic1.mg.com/v2-_r.jpg"&gt;

我们可以把知识层级理解为 看过-> 做过 ->讲过

无论如何看、如何听，掌握程度不会超过30%，而只有你真正实践过，做过，才有可能会达到75%。看过了并没有什么卵用，而是要真正的动手，对照书本、视频敲一遍、两遍、然后不看资料，按照自己的思路或者想法再实现一遍，这样才能在脑海里留下足够的印象。

2 项目制-生长学习法

如果你像初中、高中、大学那样一个个知识点的来学编程，比如我先学HTML/CSS、再学Javascript......这种学习法其实是完全错误的！

知识是一个整体，而我们大脑对结构化信息才会有记忆能力，而从小的填鸭教育却将知识割裂开来，而这正是我们绝大多数人对学习感到痛苦，学不好的原因，这种学习法是完全错误的。

那什么是好的学习法呢？就如同动、植物生长一样，先把骨架搭起来，而后才是血肉，才是细胞，这样一来我们有一个具体的目标驱动，学习起来就会愉快的多，不会那么的辛苦。

所以你的学习绝不是 HTML:100% -> CSS:100% -> JavaScript:100%.....而应该是

Level1项目(HTML 10%+CSS10%) -> Level2项目( HTML 20%+ CSS20%+JavaScript 10%)......

❿ 微信web开发工具怎么创建小程序

1、微信小程序需要公众号申请测试；然后根据微信小程序的开发说明进行就可。
2、参照开发页面的说明，仔细阅读就可以的。