小程序开发部署


近期小程序公测,很多人都蠢蠢欲动了,当然,目前所在的公司也要求做个小程序,故,我就搞了一个。

总体看,小程序无非就是前端页面通过微信web开发工具开发,后台,就根据自己所喜欢语言开发了,我是java出身,自然就用java写了个服务。

先说小程序开发,有过前端开发经验的都清楚一些简单的jquery和css,小程序也不例外,唯独不一样的,就是他自己有自己的单位,有自己的循环,模板和判断,我用半天看了下他的官方文档,后面就开始开发了,主要想说下面几点:

  1:小程序的判断不太方便,写个判断只能嵌到标签里,如果从第一个标签开始就开始做分支,那岂不是要写两套差不多的代码了(也许是我领会不到位~)

  2:小程序的模板使用还是比较方便的,小程序主打就是显示,类似列表,卡片等布局,主要写出一套,风道模板里,其他的就不需要理会了

  3:适配和兼容和正常开发无异,根据宽度用@media适配就好了

  4:页面和后台需要交互,所以用到了base64加密,小程序里调用js,一定要记得js最下方的声明,不然坑死你。

  5:页面点传递参数需要注意下,和之前开发java不同,java是根据地址到后台请求构造数据显示,而小程序是将参数传递到目标页面,在页面加载时再请求想应得URL。

<template name="card">
  <view class="card" bindtap="detail" id="{{item.schemeno}}">
    //具体业务
  </view>
</template>
detail: function(e){
   app.detail(e); 
  }
detail: function(e){
    console.log(e);
    console.log(e.currentTarget.id);
    wx.setStorageSync("schemeno", e.currentTarget.id);
    wx.navigateTo({
        url:"../detailAnalysis/detailAnalysis?schemeno=" + e.currentTarget.id
    })
  }
onLoad: function (options) {
    var schemeno = options.schemeno;
    this.loadDetail(schemeno);
  }

 

主要看上方代码的标注处,红色的detail是在当前页面定义的方法,蓝色的detail是在app.js 处定义的方法,而红色的id,则是需要传递的参数,到目标页面,就可以根据红色的schemeno获得传递过来的参数了。

  6:说道URL,小程序要求必须是https,而且不能带端口号,所以,怎么构造https的域名就该好好想想了。

  7:flex布局,这个还是了解下好,在小程序开发过程中,我用的最多的就是这种布局,很是方便,简单看下文档就可以实战了。

java的服务--》这个就没什么好说的了,需要注意此处

@RequestMapping(value = "getGoldPlan", produces = "text/html;charset=UTF-8")红色标注的部分,不写的话,你就看到乱码了

还有就是适当使用缓存,调优自己的sql,也就这样了。

-------------------------》

-------------------------》

下面说下部署的事情,本人下午历时三小时,刚刚搞定

-------------------------》

-------------------------》

1.首先我们需要域名,而且是备案24H以上的,一级二级都可以,做好解析就没问题了

2.认证小程序,并将自己绑定为开发者,不然无法开发的;小程序的appid和开发设置中配置好URL,知道域名就很简单了。

3.需要去阿里云的证书服务中买个证书,补全信息进行,和目标域名绑定好,等到审核通过,你就可以下载证书了

4.证书有了,域名也有了,下面就开始搭建linux服务器吧~

  1.安装jdk,直接用yum安装就好了,很简单

  2.搞个tomcat,这个就更简单了,只需要说一点的是,需要把在tomcat根目录下建一个文件夹,然后把证书放到里面,建议使用tomcat7以上的版本

  3.证书搞完了,下面就是配置server.xml了,如果相对tomcat进行优化,那就根据自己能力吧

https的默认端口是443,这一点需要知晓

此处的具体写法,在下载证书的下方有标注,可自行参考。接着在配置好域名和项目的关系,就可以启动tomcat了。

tail -f catalina.out 看下日志,没问题,那就打开小程序替换url访问吧。

 

--------》和普通java项目部署无异,只不过多了一个ssl证书的配置(我用的阿里云的RDS,所以直接引用的外网连接,没有安装mysql)

以此记录今天下午三小时的劳动成果~有问题的话可以随时留言,希望一起进步~~

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM