怎样开发小程序 小程序快速开发

1、服务器域名请在 「小程序后台-开发-开发设置-服务器域名」 中进行配置,配置时需要注意: 2、域名只支持 https (wx.request、wx.uploadFile、wx.downloadFile) 和 wss (wx.connectSocket) 协议; 3、域名不能使用 IP 地址(小程序的局域网 IP 除外)或 localhost; 4、可以配置端口,如 https:// ,但是配置后只能向 https:// 发起请求。如果向 https:// 、 https:// 等 URL 请求则会失败。 5、如果不配置端口。如 https:// ,那么请求的 URL 中也不能包含端口,甚至是默认的 443 端口也不可以。如果向 https:// 请求则会失败。 6、域名必须经过 ICP 备案; 7、出于安全考虑, http:// 不能被配置为服务器域名,相关API也不能在小程序内调用。 开发者应将 AppSecret 保存到后台服务器中,通过服务器使用 getAccessToken 接口获取 access_token,并调用相关 API; 8、对于每个接口,分别可以配置最多 20 个域名。 然后接下来要讲的就是大家在某宝或者网上得到的源码该如何使用,其实很简单,在上面图中的 “项目目录” 位置选择我们准备好的源码就可以了,需要注意的是,我们选择的源码必须要解压出来,然后选择包含该源码所有文件的文件夹,而不是单一文件。 setStorageSync:设置缓存 wx.getUserInfo: 获取用户信息 5. app.json 是对整个小程序的全局配置。不可注释。 pages为注册页面的列表,均为相对路径,省去了后缀名,程序默认显示列表第一个。 6. app.wxss 是整个小程序的公共样式表。 其中: apx 是尺寸单位,可根据屏幕宽度自适应大小。与之对应的有rem:规定屏幕宽度为20rem;1rem = (750/20)rpx 。 7. 全局文件就这些,然后我们看 index 文件中的内容 有三部分内容,index.js ,index.wxml ,index.wxss,下面介绍它们的作用。 8. index.wxml 文件 这是一个展示页面,作用于html相同。可以看出,内容分块均采用 view 标签,这也很容易让人想到Android 中的布局,但其实只是更多的是 div 标签的另一个版本,在这里面有很多 MINA 自定义的属性,而且在我们在其中也看到了{{ }}样式的值操作,这也很容易让人联想到 angularJS 中的数据双向绑定,在 MINA 中也是支持的。 同时,页面的展示,均需要在小程序全局的json配置文件中配置,前面已有说明。 9. index.js 文件 其中: getApp() 获取应用实例 Page : 声明页面。 data: 定义数据 bindViewTap :为在view中绑定的是tap事件定义操作方法。 wx.navigateTo :导航到响应页面。 onLoad : 定义页面加载时的事件。在这里使用了在全局 app.js 中定义的回调函数,将data中的数据更新,由于双向的绑定,页面中的 userInfo 实例也会更新,显示出您的头像和昵称。 10. index.wxss 中同样定义了一些样式,写法思路与css文件基本一致,只是不需要再去关心屏幕适配问题。 随后就是效果展示了,在开发者工具中扫码即可查看效果。