微信小程序开发首先我们需要注册一个微信小程序。注册完成后下载微信开发者工具。工具的使用请参照微信提供的开发者手册。如果你有JS的开发经验，小程序的开发入门相对比较简单。在开发工具中建立一个项目，目录结构如下：

pages存放我们的页面文件

resource存放资源文件

utils存放模块化的JS

app.js是应用的JS文件

app.json是应用的配置文件，我们自己定义的画面都在这里配置

app.wxss是应用的css文件，在这里定义的css在所有的page中可以直接使用。

在开发过程中遇到的坑：

1，调用微信登录，通过开发者工具生产项目默认自动生成调用微信登录的代码，在这里只需要注意代码的结构就可以了。

2画面的URL中传递参数。在小程序中url通过navigator组件来实现。如果在URL中传递参数，navigator的url中设定参数，在画面的onload事件中获取参数。

画面的wxml中的代码

<navigator url="../register/register?id={{item.id}}">参加</navigator>

register画面的js中的onLoad事件中获取这个参数代码：

onLoad: function (options) {

   var eventId = options.id

}

3，分享小程序的某一个画面，要定义他的onShareAppMessage事件：

onShareAppMessage: function () {

   var path = 'pages/register/register?id='

   path = path + this.data.eventId

   return {

       title: '邀请朋友参加活动',

       path: path

   }

}

前段小程序的开发先分享这些。下期更新小程序与server段的交互。

图片发自 App
本页内容由塔灯网络科技有限公司通过网络收集编辑所得，所有资料仅供用户学习参考，本站不拥有所有权，如您认为本网页中由涉嫌抄袭的内容，请及时与我们联系，并提供相关证据，工作人员会在5工作日内联系您，一经查实，本站立刻删除侵权内容。本文链接:https://www.dengtar.com/12908.html