微信小程序入口40个整理，流量超级大
　　HiShop最新消息，微信对小程序的支持力度前所未有的，拥有9.38亿用户的微信决心要做的事，成功的概率太高太高，我们已经在路上，那么你呢?HiShop为大家整理微信小程序入口40个，希望为大家提供参考选择。
　　一、微信小程序是什么?
　　小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载。
　　互联网终归是一个流量的游戏。微信最让人垂涎的也是其用户量和流量，但是除了腾讯大额投资的那些企业能获得一定流量之外，并没有看到谁能轻易的获得。无论QQ、微信还是百度、淘宝，对于任何一个平台来说，流量永远在那里，但能获得的永远是少数人。iOS有多少用户，安卓上又有多少用户，但是那些用户并不是你开发一个App就能获得的，微信小程序亦如此。当然，微信有社交关系、有强传播力，这是优势，但也不是每个人都能玩转。
　　的优势在于开发成本低、更快速的迭代，这倒是一个快速测试用户需求的利器。通过微信小程序明确用户需求，再开发App获取其他平台的用户，这应该是绝大多数企业的正道。
　　二、微信小程序的40多个入口在哪里了?
　　1，手机桌面(暂只支持Android)
　　前几天微信爸爸张小龙在朋友圈爆出了：“程序猿的一小步，程序的一大步”，瞬间引爆页面对小程序入口的猜测：小程序可以保留在手机桌面，多少创业者为此兴奋不已。
　　2，微信搜索
　　在搜索页面加上“小程序”搜索了，这个可能性比较大，正如张小龙所说的:用户扫一扫或者搜一搜即可打开小程序。那么，这里就是一个可能性比较大的入口;
　　3，线下扫码
　　首先这个线下扫描入口是微信官方主推入口，通过线下二维码扫码进入，实现不用下载使用APP，“即用即走的APP”。
　　4，微信菜单“发现”——“小程序”
　　打开微信，进入发现，打开“小程序”，即可搜索想要的小程序。此方法的前提是：使用过任意一款小程序。
　　5，小程序识别码
　　辨识度极高的专属“小程序码”，用户如果分享小程序码或者带小程序码的图片到朋友圈，好友识别即可进入!
　　6，好友分享小程序
　　如果你使用过某个不错的小程序，或者好友使用个特别实用的小程序。相互分享，必定成为一种不错的入口 !
　　7，公众号关联推送
　　公众号关联小程序时，会直接推送通知给全体粉丝，用户点击直接跳转到小程序。用户只要体验一次，就能自动留存在使用的小程序中，在下次搜索时出现在优先排名。
　　8，附近的小程序
　　只要将您的小程序设置对应的位置，附近5KM范围内的用户即可搜索到您的小程序，并快速体验。这个入口为实体店服务做了很大的引流作用。
　　9，小程序列表(历史记录)
　　只要您曾经使用过某个小程序，即可在小程序面板快速找到。并且它会按使用的先后顺序排序，便于您快速找到最近使用的服务。
　　10，公众号菜单直达
　　商户可以在公众号菜单设置小程序入口，引导用户直接进入小程序，体验相关的服务。
　　11，聊天窗口
　　在于好友聊天界面中，点击“+”，可看到有“图片”“小视频”“位置”等选项，未来或许会增加“小程序的选项;
　　12，群资料页-群小程序
　　从微信iOS版迎来v6.5.13更新开始，新增群资料页查看群里所有收到过的小程序功能，群资料页可以查看最近收到的小程序，这也是不错的推广方式。
　　13，微信支付入口
　　发起微信支付时，用户收到的支付通知信息上可以设置小程序的入口。
　　14，微信支付结果页
　　用微信支付成功后，用户收到的支付凭证上有个小程序的入口，点击后可以跳转到对应该商户开发的小程序。
　　15，公众号底部菜单
　　底部菜单可以直接链接到小程序，方便实用。而且一个小程序可以关联50个公众号，这就意味着可以从50个公众号上面发现你的小程序。
　　16，小程序跳转
　　微信近日发布的内容：一个公众号关联的10个同主体的小程序和3个非主体的小程序之间实现跳转。现在在小程序中，长按识别其他的小程序码，即可打开相应的小程序。
　　17，通过APP打开小程序
　　支持APP分享到微信好友的链接或者内容以一种更便捷、更流畅、更友好的方式用小程序打开，这个入口结合了好友分享。
　　18，公众号详情页
　　文章内可配发小程序码，用户长按识别后进入;
　　19，卡券页面
　　微信原生会员卡内也支持小程序服务，商家可通过后台设置后，用户可从会员卡直达小程序，享受会员权益。
　　20，朋友圈
　　在朋友圈发布小程序二维码，按住即可跳转到对应小程序，这也打破了小程序不能分 享到朋友圈的问题。
　　21，通讯录
　　目前微信的“通讯录”中含有“公众号”一栏，可以进入查看自己所关注的公众号，小程序与公众号的服务性质类似，有可能会增加“小程序”的选项，可查看用户所关注和使用的小程序列表。
　　22，微信群的分享
　　可以分享小程序的人 任意页面到给微信群和好友，好友可以直接打开小程序。
　　23，通过图片打开链接小程序
　　在公众号文章里面的图片插入小程序代码就看通过图片打开链接小程序;
　　24，通过文字链接打开小程序
　　在公众号文章里面的文字插入小程序代码就看通过图片打开链接小程序;
　　25，小程序与新媒体
　　通过推文的方式从微信及其以外的媒体平台将流量导入，主观推广性不要太强，否则会被平台认为广告或者推荐量低等情况。
　　26，小程序与广告推广
　　此功能目前处于内测阶段，具体公开竞价推广以及相关规则未知。目前广告推广出现在小程序搜索，搜一搜以及附近门店处。
　　27，关键词搜索
　　用户在微信输入关键词就会跳出许多搜索结果，其中就包括小程序，可以直接跳转到小程序指定的页面。
　　28，“搜一搜”里面
　　小程序出来后，微信相继更新了新功能”搜一搜”，在手机设置里面的实验室里更新一下就可以找到“搜一搜”功能了，里面的搜索排名顺序是“小程序&公众号&内容。所以小程序在”搜一搜“里面的排名是优先地位。
　　29，小程序置顶
　　小程序可被用户置顶显示在聊天页面，这意味着用户在使用小程序的过程中可以快速返回至聊天界面，而在聊天界面也可以快速进入小程序，实现小程序与聊天之间的便捷切换。
　　30，星标小程序
　　用户可以在一些常用小程序做出标注，这些小程序将会在列表中置顶显示，向左滑动小程序可出现“标为星标”提示，已作出标注的小程序可取消。每个用户最多可以标注10个小程序，对于门店小程序来说将进一步增强其便捷性，这也是一大流量入口。
　　31，门店小程序跳转服务小程序
　　微信开发出新功能，门店小程序可直接跳转服务小程序，但前提是同主题并且已发布的小程序。
　　32，小程序与立减金
　　小程序内微信支付后，将获得N份立减金，通过将立减金分享给好友增加新的服务访问入口，这一功能逐步开放。
　　33，聊天小程序
　　好友聊天后，自动保存聊天小程序
　　34，公众号广告
　　目前内测公众号广告，也就是说在小程序任意位置可以出现小程序广告。
　　35，LBS推广
　　可以让你的小程序出现在全国任意位置。
　　36，qq浏览器
　　在内测QQ浏览器广告，腾讯系统完全打通。
　　37，朋友圈广告
　　朋友圈投放广告，可以直接跳转小程序。
　　38，微信搜索出现小程序入口
　　打开微信搜索的放大镜，出现小程序栏目。
　　39，第三方应用小程序
　　现在已经有很多第三方商店，可以为你小程序导流。
　　40，腾讯系pc入口
　　腾讯视频已内存小程序入口，未来会开放更多。http://www.hishop.com.cn/xiaocx/
　　最近越来越多的互联网圈内人士在谈小程序，小程序到底是不是腾讯的下一个风口。半年多的时间，微信赋予了小程序非常多的流量入口，这只是其中的一部分，更多功能和入口持续更新中。腾讯公司都在大力推广小程序，不断加力赋能小程序，可想而知小程序的未来是那么的值得我们期待。小程序不管你做不做，流量就在那里，机遇红利也在那里，反正很多行业都开始入驻了，抢占早期红利了，也有很多入驻的早的用户开始盈利，刷屏抢占大流量了。
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。微信小程序学习总结（2）------- 之for循环，绑定点击事件
时间： 23:57:41
&&&& 阅读：9607
&&&& 评论：
&&&& 收藏：0
标签：&&&&&&&&&&&&&&&&&&&&&&&&&&&最近公司有小程序的项目，本人有幸参与其中，一个项目做下来感觉受益匪浅，与大家做下分享，欢迎沟通交流互相学习。
先说一下此次项目本人体会较深的几个关键点：微信地图、用户静默授权、用户弹窗授权、微信充值等等。
言归正传，今天分享我遇到的关于wx:for循环绑定数据的一个tips：
&1.&想必大家的都知道wx:for，如下就不用我啰嗦了：
&&view class="myNew" wx:for="{{list}}"&{{item.title}}&view&{{item.content}}&/view&&/view& & &(item即为数组list的每一个子元素)
&2.&但是，如果循环体内绑定一个点击事件，点击时如何把子元素的内容传进来呢？ 如下：
& { "id" : 01 ,
& & &"title" : "第一个标题",
& & &"content":"第一个内容"},
{ &"id" : 02 ,
& & &"title" : "第二个标题",
& & &"content":"第二个内容"},
{ "id" : 03 ,
& & &"title" : "第三个标题",
& & &"content":"第三个内容"}
上面的例子变成如下：
&view class="myNew" wx:for="{{list}}"&{{item.title}}&view bindtap="readDetail"&{{item.content}}&/view&&/view&
需要触发readDetail事件时，取到对应的id调接口查看详情。
可是小程序又不允许事件名后直接注入id参数。
其实，小程序早就想到这一点了，提供了一个 data-any (any任意类型) 方法，此处有借鉴H5中 data- 任意属性的妙处。
（小程序给出了示例：&data-index，大家可以自行研究。）
可以写成如下：
&view class="myNew" wx:for="{{list}}"&{{item.title}}&view bindtap="readDetail" data-id="{{item.id}}"&{{item.content}}&/view&&/view&
& & &readArticle:function(e){
&&& & & & & var $id = e.currentTarget.dataset. //打印可以看到，此处已获取到了对应的id& & & & & &
同理：也可以写成如下：
&view class="myNew" wx:for="{{list}}"&{{item.title}}&view bindtap="readDetail" data-id="{{item.id}}"&data-title="{{item.title}}" data-content="{{item.content}}"&{{item.content}}&/view&&/view&
readArticle:function(e){
&&& & & & & var $data = e.currentTarget. //打印可以看到，此处已获取到了包含id、title、和content的对象
wx.navigateTo({& & & & & & & & & url: ‘../myNewsInfo/myNewsInfo?id‘+$data.id+"&title="+$data.title+"&content="+$data.content //传参跳转即可& & & & & &})
&标签：&&&&&&&&&&&&&&&&&&&&&&&&&&&原文地址：http://www.cnblogs.com/larry6/p/6407598.html
&&国之画&&&& &&&&chrome插件&&
版权所有 京ICP备号-2
迷上了代码！2461人阅读
微信小程序（9）
上篇我们讲解了一下小程序的整体架构，今天来讲一下，一个页面的具体实现原理，好注意听，下面要开始画重点啦~哈哈
页面的构成
还记得我们在上篇文章中讲解如何加入一个界面吗？在app.json中的pages加入要加的文件路径就可以啦，文件路径可以随便起，系统会自动创建出来的，那么我就接着之前的讲，我们之前创建了一个页面叫addPage，addPage里面包含四个文件* addPage.js、addPage.json、addPage.wxml、addPage.wxss*这四个对应的作用是什么呐？
addPage.js 页面数据的存储，网络请求的加载都是在这里
addPage.json 用于设置导航栏样式，和app.json性质一样，如果没设置样式，默认用app.json中的样式
addPage.wxml 页面的效果都在这里面，就是展现给用户的界面
addPage.wxss 页面样式设计，页面的一些样式属性都写在这里
页面的解析
addPage.js解析
* 页面的初始数据
* 生命周期函数--监听页面加载
onLoad: function (options) {
console.debug("onLoad--监听页面加载");
* 生命周期函数--监听页面初次渲染完成
onReady: function () {
console.debug("onReady--监听页面初次渲染完成");
* 生命周期函数--监听页面显示
onShow: function () {
console.debug("onShow--监听页面显示");
* 生命周期函数--监听页面隐藏
onHide: function () {
console.debug("onHide--监听页面隐藏");
* 生命周期函数--监听页面卸载
onUnload: function () {
console.debug("onUnload--监听页面卸载");
* 页面相关事件处理函数--监听用户下拉动作
onPullDownRefresh: function () {
console.debug("onPullDownRefresh--监听用户下拉动作");
* 页面上拉触底事件的处理函数
onReachBottom: function () {
console.debug("onReachBottom--页面上拉触底事件的处理函数");
* 用户点击右上角分享
onShareAppMessage: function () {
console.debug("onShareAppMessage--用户点击右上角分享");
这里面注释都是系统自动创建的，我没动，注释写的很清楚，我没什么要多说的啦，差别是我在每个方法里加入了console.debug（）这个是以后调试bug会用到的，输出日志，就是以后程序出现的问题就靠他输出来，我加入的目的就是要展示一下，系统启动小程序都执行了那些方法,怎么测试系统执行了那些方法呐？
第一步，改动跳转的代码，首先找到pages/index/index.js,修改bindViewTap方法里的url,路径改为addPage的路径，这样页面跳转的时候就会跳到addPage界面啦，修改过的代码记得保存，否者效果无效！
bindViewTap: function() {
wx.navigateTo({
url: '../addPage/addPage'
第二步，找到菜单栏的调试按钮，切换到调试模式，找到Console控制台，选着All或者Debug模式，Console会输出日志信息，接下来点击一下helloWord上面的用户头像，看看会出现上面效果，如果操作没错的话会出现下面的效果，
看控制台输出的信息，理论上是会出现三行蓝色字，第四行是因为我还执行了一个返回键的操作由此可判断，当点击返回键时执行onUnload方法，还有当页面加载的时候方法执行的先后顺序为onLoad-&onShow-&onReady，我们只要知道页面的生命周期就好，至于具体的调用，我们在后面实战的时候讲解，还有如果你点击界面三个小点，然后执行转发操作，就会执行onShareAppMessage方法，具体我就不演示啦，addPage.js中还有的方法是* onHide、onPullDownRefresh、onReachBottom*，当A跳转到B时候，A就会执行onHide的方法啦，onPullDownRefresh下拉刷新数据会用到，onReachBottom用于底部加载更多，这些都放在后面在讲解电商开发的时候一起讲。好，关于addPage.js就讲解到这里
addPage.wxml与addPage.wxss
.wxml与.wxss构成了整个界面，我们自己新建的addPage文件没什么样式，所以我就拿index.wxml和index.wxss来讲解
index.wxml
class="container"&
bindtap="bindViewTap" class="userinfo"&
class="userinfo-avatar" src="{{userInfo.avatarUrl}} background-size="cover"&&
class="userinfo-nickname"&{{userInfo.nickName}}&
class="usermotto"&
class="user-motto"&{{motto}}&
看代码对应的视图，从代码看过去黑色框（view）包含两个黄色框（view），第一个黄色框又包含两个image和text，界面布局大致就是这样，看里面具体代码，黑色框view里有一个属性class，这个class可以理解为ID这个class是用来关联index.wxss,可以理解为黑色框的view设置为”container”的样式，继续看第一个黄色框View，同理可以知道第二个黄色框View的样式设为”userinfo”,咦，bindtap是什么意思呐？bindtap你可以理解为事件监听，系统定义的固定字段，写事件一定会用到这个，还记得上面我们做的测试系统执行的方法时，不是有修改过index.js中”bindViewTap”的方法嘛，这个”bindViewTap”是自定义的方法名，可以随意修改，但是bindtap字段是不可修改的否则代码无效，再说说绿色框中的text，有没有注意到{{motto}}{{userInfo.nickName}}，这个就是给视图赋值，就是界面上你看到的HelloWord就是这么设置的，”motto、userInfo.nickName”字段是在index.js中的data里面，这里要强调的是我们在调用index.js里data数据时，赋值的时候要记得加入{{data}}两个中括号，这样系统才能识别数据。
index.wxss
.userinfo {
display: flex;
flex-direction: column;
align-items: center;
.userinfo-avatar {
width: 128rpx;
height: 128rpx;
margin: 20rpx;
border-radius: 50%;
.userinfo-nickname {
color: #aaa;
.usermotto {
margin-top: 200px;
.container {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
padding: 200rpx 0;
box-sizing: border-box;
结合效果图一起看样式代码，看到”userinfo”和”container”是不是眼熟，就是之前在index.wxml中class的样式，我们在wxss定义好样式，就是通过这些字段把index.wxml和index.wxss关联起来，才有的上面的界面效果
wxss样式积累
wxss样式里代码看不懂可以查阅这里，如果没找到对应样式，请自行百度喽，这些也是代码君问的度娘
1. display属性
- none:此元素不会被显示
- block：两个元素自动换行
- inline：两个元素靠在一起
- inherit：继承父类
- flex：多栏多列
2. flex-direction:
- column 垂直分布
- row 水平分布
3. flex-wrap：
- nowrap item溢出不换行
- wrap 超出的item跳到下一行
4. justify-content属性
- flex-start：左对齐
- flex-end：右对齐
- center：居中
- space-between ：item中间留出等间距
- space-around：环绕item流程等间距
5. align-items item 边界线对齐方式
- flex-start | flex-end | center | baseline | stretch
6. border-bottom 边界线
- 举个栗子 1px solid #
7. align-items item 边界线对齐方式
- flex-start | flex-end | center | baseline | stretch
8. overflow-x
内容超过边框处理方式
- visible 显示超出的内容
- hidden 隐藏超出的内容
- auto 自动加入滚动条
今天我们讲解了页面的所有内容，知识点很多，尤其是wxss的样式，其实wxss样式和css样式的属性是差不多的，所以可以多去参考css样式属性，今天就说这么多，两篇的小程序入门文章，应该可以帮助大家跨进小程序的大门啦，接下来，我们将进入实战篇《电商》，很多朋友都问怎么做一个电商小程序，所以我将在后面的文章中，一步步教大家开发一个电商小程序，敬请期待！原创不易，觉得不错就点个赞吧！
文章首发公众号：代码集中营
关注公众号获取最新文章
访问：92495次
积分：1078
排名：千里之外
原创：21篇
评论：58条
(1)(1)(2)(2)(2)(4)(3)(1)(1)(1)(1)(1)(4)微信小程序去哪里找？又该怎么用？秘密全在这里！
内容来源：爱猫狗
　　作者：虎龙吟　　日凌晨，微信小程序如约上线。　　为什么非得是日？而不是1月1日，或者别的什么日子？有什么讲究吗？　　你看了下面这张照片就知道答案了！　　日，整整10年前的今天，苹果的iPhone手机正式问世！　　这完完全全是微信之父张小龙在向天堂里的偶像乔布斯致敬啊！！！与此同时，他是借用乔布斯的那句“一个人一生能参与一件革命性产品就够幸运的了”。来诠释小程序之于自己心目中的地位和意义！　　所以，今天凌晨，张小龙还特意在朋友圈发了这么一条：　　言归正传。　　话说，神叨叨的小程序尽管在上线前经历了多轮宣传造势，但至今为止，依然是犹抱琵琶半遮面，对于普通网民而言，还是云山雾罩的，不明所以！　　可不是吗？吵吵了半天，到底小程序长什么样？我在哪里能看到小程序？小程序又该怎么用？……不用着急，本文将揭开所有的疑问和秘密。　　然后，咱们来说说，究竟要如何才能找到看到小程序？嗯，目前为止，方法不多，大概只有以下五种途径——　　第一种：线下扫码　　估计腾讯的这一招，又会带来新一轮线下推广扫描二维码大战。今后看到地铁公交还有商场里拿着一个印有大大二维码的纸板的美女让你扫码，别意外哦！说不定扫码送纸巾滴！　　第二种：微信搜索　　在微信首页的搜索框，输入小程序的名称，就可以找到对应的小程序。　　不过，小程序目前似乎不支持模糊搜索，只有精确匹配（100%名称全对）才会给出结果，而不是像找公众号那样，会匹配很多个类似结果。　　所以，如果你现在还不知道哪个公众号叫啥的话，暂时这个功能对你没用。　　第三种：公众号关联　　这才是一个符合人性的功能啊！微信允许同一家公司自己的公众号和小程序之间进行关键和相互推广。也就是说，在公众号信息界面上，会多出一个小程序的推荐位置，点击这个地方就可以直接使用小程序。反之，从小程序界面也可以关注并进入公众号。　　目前，一个公众号可绑定五个小程序，而一个小程序只能被一个公众号绑定。并且，公众号和小程序只能是同一个主体，所以那些琢磨小程序相互链接推广的想法可以歇了。　　第四种：好友推荐　　小程序支持好友间相互转发，也可以丢到微信群里。这是另一种快速获取小程序的方法。但目前小程序不支持在微信朋友圈进行分享。　　第五种：历史记录查找　　如果你使用过某个小程序，回头你还想再使用，这种情况就比较简单了。一旦你使用过哪怕一次小程序，你的微信的“发现”菜单中，就会增加一个“小程序”的列表，图标是个旋转了45度的大写字母S。　　小程序提供了所谓“历史记录”的功能，想要再次使用时，只需通过“发现”-“小程序”的历史记录就可以进入，并且支持搜索功能。　　以上五种方式，是目前为止找到小程序的全部方法。　　不过，估计今后会有更多的途径和方式，包括各种小程序商店会如雨后春笋般层出不穷！而且，腾讯下一步还会推出“小程序-附近的店”的新功能。　　说完查找小程序，再来说说小程序使用中的一些小窍门吧——　　第一：小程序和小程序之间、以及小程序和聊天界面之间可以迅速切换。你还可以把小程序置顶。这样，聊天和使用小程序可以在一个界面同时进行了，省去了来回切换的麻烦。　　第二：小程序也有通知消息。当你使用小程序并提供某些服务时（比如订餐），系统会给你发通知，通过这个通知就能使用该服务。　　第三，安卓手机用户，可以把小程序添加到桌面。方法是，点击小程序右上角的“…”，会看到“添加到桌面”，点击即可。添加后，以后再使用，就可以直接从桌面打开了。（这有点违背张小龙说的小程序无需下载，用完就走的理念啊！）　　欢迎关注【虎龙吟】公众号：hulongyin8　　立即关注虎龙吟公众号　　
[精彩推荐]