微信小程序开发预览（小程序预览没有数据）

本篇文章给大家谈谈微信小程序开发预览，以及小程序预览没有数据对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、微信小程序只写页面和样式怎么预览
• 2、微信小程序开发？
• 3、使用Wepy开发微信小程序（1）——初识Wepy
• 4、微信小程序怎么预览，使用开发工具可以预览小程序
• 5、如何开发自己的微信小程序
• 6、微信小程序如何发布

微信小程序只写页面和样式怎么预览

“小程序开发助手”正式发布也，支持微信小程序页面和样式在线预览。之前，开发或测试后想要预览小程序，必须在开发者工具或管理后台扫码。现在可以在小程序开发助手内直接打开，以后预览小程序的操作速度将有很大提升。

另外，现在开发者工具内腾讯云服务在原先NodeJS环境的基础上，新增支持PHP语言。开发者可使用微信开发者工具，新建或者更换为PHP语言环境继续开发。而对于PHP攻城狮们来说，这也许是一项福利。

微信小程序开发？

1、注册微信小程序账号

小程序注册账号

这个直接进入微信小程序官网自行注册即可，在此不多赘述。

微信小程序官方

2、获取APPID

获取小程序APPID

APPID在哪里获取呢，根据第一步注册的小程序帐号，然后登陆上，找到左侧“设置”，“开发设置”，就看到APPID啦，把APPID复制下来，留作备用。

3、绑定开发者

如果在第一步注册小程序帐号的时候，你不是管理员，那么这个时候，还需要绑定个开发者，直接登录小程序后台，点左侧“用户身份”-点右侧“编辑”添加成员，出现个二维码，管理员扫描二维码后，然后输入开发者微信号，勾选权限，确定，就可以了。

4、下载微信小程序开发者工具

下载微信小程序开发者工具

直接在微信小程序官方下载即可，根据不同的电脑系统下载对应的版本，安装即可，不多赘述！

5、创建微信小程序项目

打开步骤4中安装好的小程序开发工具，然后用开发者（或者管理员）扫码登录，选择创建“新项目”，填入步骤2获取到的 AppID，设置一个本地项目的名称，并选择一个本地的文件夹作为代码存储的目录，点击「新建项目」就可以了。

微信小程序

6、编写微信小程序代码

编写代码对新手来说有点难度，不过我们可以从微信小程序官方上直接下载代码实例，下载后，直接解压到步骤5代码存储目录内即可。这时我们会发现，有三个后缀的文件，分别为app.js、app.json、app.wxss。其中，.js 后缀的是脚本文件，.json 后缀的文件是配置文件，.wxss 后缀的是样式表文件。

接下来喝彩科技工程师赵德志在这里详细给大家说下，它们各自的功能。

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

app.json 是对整个小程序的全局配置。我们可以在这个文件中配置小程序是由哪些页面组成，配置小程序的窗口 背景色，配置导航条样式，配置默认标题。注意该文件不可添加任何注释。

app.wxss 是整个小程序的公共样式表。我们可以在页面组件的 class 属性上直接使用 app.wxss 中声明的样式规则。

微信小程序开发

7、创建微信小程序页面

微信小程序中的每一个页面的【路径 + 页面名】都需要写在 app.json 的 pages 中，且 pages 中的第一个页面是小程序的首页。

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

微信小程序教程详解

8、手机预览

开发者工具左侧菜单栏选择"项目"，点击"预览"，扫码后即可在微信客户端中体验。

9、上传小程序代码

开发者工具左侧菜单栏选择"项目"，点击"上传"即可将代码上传到微信小程序服务器。

10、提交微信审核及小程序发布

步骤9上传好小程序代码后，提交微信进行审核。审核现在也很快，一把几个小时就审核过了，慢的话估计2-5天吧，等审核通过后，就可以在小程序后台，进行发布上线了。

使用Wepy开发微信小程序（1）——初识Wepy

本来想好好的写写TS开发小程序的，奈何情况有变，公司研发资源重新调配，无法在这条路上走下去，目前新的方案是使用Wepy进行开发（因为新的人员之前习惯使用Vue，为了降低他的入手难度选择了这个框架），其实很多时候我们学习新框架更多的还是因为当时的项目环境，决策环境导致的。

从以上的官网介绍中我们可以得到以下几个信息：

参考：

跟着官方文档一步步走下去，很快就搭好了，输入的命令如下：

在微信小程序开发工具中预览如下：

好了，第一步算是走完了，接下来就是找个好的完整的开源项目进行学习了。

微信小程序怎么预览，使用开发工具可以预览小程序

使用微尘小程序的开发工具可以预览。

直接在后台进行可视化生成小程序的，无需懂代码。

如何开发自己的微信小程序

一个好平台的功能要丰富全面，符合市场需求，而且在编辑搭建过程中易上手，全程不涉及代码编辑。

工具使用教程：

1、网页搜索小程序平台，进入小程序搭建系统，如图1。

2、进入平台右上角点击“注册”按钮，如图2。

3、编辑一个用户名、密码，输入验证码并确认注册协议，如图3。

4、编辑一个小程序名字、录入手机号码和找回密码的邮箱账号，如图4。

5、数字产品类型选择界面，选择小程序，如图5。

6、左侧选择官网或商城，官网为展示型小程序模板。根据行业选择小程序模板，预览模板后，点击选用并点击确认按钮，如图6、图7。

7、点击小程序模板头部区域，弹出铅笔图标后，进入编辑框替换logo，该模板logo为透明色，请按照系统提示尺寸进行上传，如图8、图9。

8、鼠标点击首页轮播图，弹出铅笔图标后，点击进入编辑框，按照系统提示尺寸，替换图片如图10、图11和图12。

9、小程序导航数量可以根据实际需求进行增减。如果是商城类小程序，导航分类一般对应产品类型，如图13、图14和图15。

10、上传产品后，鼠标点击商品板块，弹出铅笔图标后进去编辑框，设置商品按条件自动调用，该功能配置好以后，新增产品会自动出现在各个对应板块，如图16、图17。

11、首页界面设计完成以后，点击左侧页面、添加栏目按钮继续设计其他页面，比如展示型小程序常用的关于我们、联系我们、品牌特色等页面，在设计过程中，可以从素材、模块里拖拽功能插件到页面里，如图18、图19和图20。

12、到这一步小程序基本设计完成，可以沟通平台协助配置各类系统接口，提交腾讯审核发布上线

微信小程序如何发布

问题一：如何提交发布微信小程序 您好！很高兴能为您解答，

方法/步骤

首先要预览，开发者（商家）开发完一小程序后，都需要在手机上先预览一下再发布，因为由于各种原因会导致错误，我们为了查看有没有问题，或想看看真实的体验怎么样。这一步必不可少！如下图所示，选择“项目”，再点击“预览”。

如果开发者(商家)的appId没问题的话，默认选项这里就会自动打包压缩上传代码(一般情况就选择默认选项)，打包压缩完之后的代码非常小，我们本例中的demo，打包压缩后大小只有20k左右。上传完之后，就会弹出一个二维码。百度审核不通过这里就不上传二维码截图了。

这个就类似于我们看到的其他商家的小程序二维码，只不过这个临时的预览二维码只能用开发者自己的二位码在规定的时间内扫描使用（半个小时）！第一次扫描二维码登陆，由于要加载一些资源文件，所以会出现下面所示的界面。

等待加载完成后，我们就可以看到真正的主页内容：（我们都知道小程序的效果看起来跟html5没什么区别）

预览的同时，我们还可以对小程序进行调试，点击右上角“…”弹出来的菜单按钮，我们可以选择打开调试，如下图所示：

点击vConsole后，我们就可以进入控制台页面，在控制台页面用户可以看到有两个主要的tab，一个LOG：记录程序打出来的普通日志，包含Info、Warn、Error等；另一个是System系统的信息,主要是查看系统及网络相关的一些信息。如下图所示：

如果预览调试都没有什么问题，那么就可以选择上传到微信后台，这里也只有管理员和开发者才能进行操作。可以看到上传的编译包大小其实是很小的，只有24k，这里主要是没有本地图片的原因，有图片的话会大些。

上传完之后，下一步就是提交审核。在此需要我们做几个操作：

（1）补充小程序的基本信息，如名称、图标、描述等

（2）如果发布者不是管理员，则必须要在这里添加开发者，进行代码上传和发布

（3）配置服务器域名，如果你的小程序用到了网络请求，那么这里要先在“设置”-“开发设置”里添加域名。。

（4）提交审核

小程序的基础信息，如名称、图标等是这个账号全局的信息。logo图标一个月内可申请修改5次。而名称一旦设置，就不能再修改了，而且不得与公众平台已有的订阅号、服务号重复。

如果开发者本人就是管理员，则上面的第（2）步可以忽略，因为管理员“自动拥有开发者的所有权限，无需重复绑定”。

一个邮箱账号只能申请一个小程序，如果想开发多个小程序怎么办？微信官方说明：除个体工商户类型可认证5个小程序外，其他类型一个主体可认证50个小程序。也就是说，如果你是企业主体，你可以弄50个邮箱，申请50个账号，开发50个小程序，而且每个都必须认证才能发布。所以设置名称要谨慎，一旦设置了一个，你就少了一次机会。

另外，对于服务器域名，再次强调一下，一定要配置，否则你是没办法用api进行网络数据请求的，不了解的同学可以到bbs51/f-2-1/上查看配置文档介绍。以上的这些在微信的官方也有介绍

小程序上传完成后，进入微信公众号后台，点击提交审核，完成身份验证后，填写审核信息。

提交审核后，会弹出图示二维码。扫码填充一些补充信息配置添加功能页面，这些功能页面，主要是为了方便用户快速搜索到你的应用。可以添加多个功能页面，增加被搜索到的概率。

10

提交后会显示“......

问题二：微信小程序 什么时候可以正式发布 现在小程序处于公测阶段，但是提交审核的小程序现在还不能发布，11月18日张小龙在朋友圈发布微信小程序的安卓入口可以放在桌面上，但是正是发布的日期现在还没有确定，你可以通过第三方开发商西里奥布科技获取微信小程序。更多相关信息还需要持续的关注。

问题三：微信小程序发布后还能继续发布另外的小程序吗 小程序是大家开发的。

可以注册并且开发不同的小程序。

只要名称还没有被别人注册就可以的。

问题四：微信里的小程序怎么弄啊？ 微信小程序是今天刚发布的，首先要把微信升级到最新版本

通过这么几种方式可以找到小程序：

一、线下扫码

小程序最基础的获取方式，是二维码。大家可以打开扫一扫，通过微信扫描线下二维码的方式进入小程序。

二、微信搜索

在微信客户端最上方的搜索窗口，你可以通过搜索获取一个小程序。

三、公众号关联

同一主体的小程序和公众号可以进行关联，并相互跳转，该功能需要经开发者自主设置后使用。

一个公众号可以绑五个小程序，但一个小程序只能被一个公众号绑定。你可以通过公众号查看并进入所绑定的小程序，反之，也可以通过小程序查看并进入所关联的公众号。

四、好友推荐

当你发现一个好玩的或者实用的小程序，可以将这个小程序，或者它的某一个页面转发给好友或群聊。

但是注意，小程序无法在朋友圈中发布分享。

五、历史记录

当你使用过某个小程序后，在微信客户端的“发现-小程序”里的列表，就可以看到这个小程序，想要再次使用它时，通过列表中的历史记录就可以进入。

在“发现-小程序”中，也可以通过搜索进入小程序。

知道了这么多可以抵达小程序的方式，还！不！够！

为了让大家用得尽兴，关于小程序，还有更多功能要向大家介绍――

小程序的玩法：

一、小程序切换

小程序和小程序、小程序和聊天界面可以迅速切换。

二、消息通知

你可以收到小程序的模板消息和客服消息。

三、附近的店

这是一个最新的玩法。将来，你可以在“发现-小程序”里面的“附近的店”找到附近的小程序。

希望能够帮到你，望采纳。

问题五：如何发布微信小程序 首先要开发出一个微信小程序。

官方说明有很多的相关的文档，这是规则是不可以违背的。

通过微信官方进行提交审核，通过即可。

如果自己不了解技术，可以交给其他公司来做。

问题六：微信小程序怎么发布 开发好小程序就可以申请审核。

审核通过后就直接在微信上发布了。

起个好名字很重要的。

问题七：微信小程序是什么，怎么用？ 什么的微信小程序？

小程序是一种无需安装，即可使用的手机「应用」。只需要扫描二维码，或是搜一搜，就能立即使用，可以解决手机内存不够的问题。

不同的小程序，能帮你实现不同的功能。

例如，买电影票、餐厅排号、餐馆点菜、查询公交、查询股票信息、查询天气、收听电台、预定酒店、共享单车、打车、查汇率、查单词、买机票、网购……

当然，作为微信的新产品，小程序只能在微信里使用。

如何添加微信小程序？

前提是升级微信至最新版本（6.5.3），需要说明的是：部分安卓手机上的软件商店更新不及时，所以建议直接通过微信“我”-“设置”-“关于微信”-“检查新版本” 来更新。

一、线下扫码，二维码是小程序最基础的获取方式，打开微信扫一扫，通过微信扫描线下二维码的方式进入小程序。

二、苹果手机请在微信主界面上下拉，露出搜索框；安卓手机点击最上方的放大镜图标进入搜索，这里输入一个小程序的完整名字，比如 “去哪儿出行”，在搜索结果中点击，“ 搜一搜 去哪儿出行 朋友圈，公众号，文章等 ”点进去到去哪儿出行，退回到发现的界面就能看到小程序了。

三、公众号关联，同一主体的小程序和公众号可以进行关联，并相互跳转，该功能需要经开发者自主设置后使用。通过公众号查看并进入所绑定的小程序一个公众号可以绑五个小程序，但一个小程序只能被一个公众号绑定。

四、好友推荐，当你发现一个好玩的或者实用的小程序，可以将这个，转发给好友或群聊。但是注意，小程序无法在朋友圈中发布分享。

五、历史记录，当你使用过某个小程序后，在微信客户端的“发现-小程序”里的列表，就可以看到这个小程序，想要再次使用它时，通过列表中的历史记录就可以进入。在“发现-小程序”中，也可以通过搜索进入小程序。

小程序怎么用？一、小程序切换

小程序和小程序，小程序和聊天记录界面可以迅速切换。

二、消息通知

你可以收到小程序的模板消息和客服消息。

三、附近的店

这是一个最新的玩法。将来，你可以在“发现小程序”里面的“附近的店”找到附近的小程序。

四、 Android 的特权

如果你是Android 用户，还可以享受一个特权：把小程序添加到桌面。

在小程序右上角点击三个点，即可看到「添加到桌面」的选项，点击即可直接将小程序添加到桌面。

小程序如何分享？小程序跟公众号不一样，它不能分享到朋友圈，只能分享给好友，或者是微信群。

问题八：怎么发布微信小程序 你先申请认证微信小程序后，才可以发布的

问题九：如何发布微信小程序 开发好小程序源码，本地上传。

通过审核就可以了，就可以搜索到了、

问题十：微信小程序怎么开发 您好，您提到的“微信小程序怎么开发”开发之前必须要完成和注册认证。如果是个人或者小公司想开发微信小程序，也可以找微信认证第三方开发商，比如赢在移动、正品科技等。

1、微信小程序注册

在微信公众平台官网首页，按照提示点击右上角的“立即注册”按钮，里面总过有12步，按照要求提交就可以了。

2、小程序申请微信认证

*** 、媒体、其他组织类型帐号，必须通过微信认证验证主体身份。企业类型帐号，可以根据需要确定是否申请微信认证。已认证帐号可使用微信支付、微信卡券等高级权限。

认证入口：登录小程序―设置―基本设置―微信认证―详情

3、小程序申请微信支付

已认证的小程序可申请微信支付。

4、小程序绑定微信开放平台帐号

小程序绑定微信开放平台帐号后，可与帐号下的其他移动应用、网站应用及公众号打通，通过UnionID机制满足在多个应用和公众号之间统一用户帐号的需求。

UnionID机制说明：如果开发者拥有多个移动应用、网站应用、和公众帐号(包括小程序)，可通过UnionID来区分用户的唯一性，因为只要是同一个微信开放平台帐号下的移动应用、网站应用和公众帐号(包括小程序)，用户的unionid是唯一的。换句话说，同一用户，对同一个微信开放平台下的不同应用，UnionID是相同的。用户的UnionID可通过调用“获取用户信息”接口获取。

5、了解“获取用户信息”接口请查看开发文档―API―开放接口―用户信息。

绑定小程序流程说明：登录微信开放平台、―管理中心―公众帐号―绑定公众帐号

注意：微信开放平台帐号必须完成开发者资质认证才可以绑定小程序。

微信小程序开发预览的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于小程序预览没有数据、微信小程序开发预览的信息别忘了在本站进行查找喔。