微信小程序配置服务器信息方法

微信小程序如此受欢迎，以至于很多用户都体验过小程序的功能，并对其大加赞赏。但是在开发小程序的过程中，还有很多技术需要我们去掌握。，小编将介绍微信小程序配置服务器信息的操作方法。

前提

1、小程序服务器的域名，2、服务器(我这里推荐阿里巴巴云，为什么后面会说)

以下是方法步骤

1.打开阿里巴巴云

2.单击安全云盾->证书服务

购买证书

免费dv ssl

完成

因为是免费的，只能添加一个普通域名

如果你是阿里巴巴云的服务，复选框自动添加cname记录进行域名授*验证

完成后会有链接

然后有一个文档教你如何配置它

windows server 2020 r2 tomcat 7 server . xml配置

安装证书

文档描述：

1.证书文件214019722740019.pem包含两段。请不要删除它们。

2.如果csr是由证书系统创建的，它还包括证书私钥文件214019722740019.key

(1)在nginx的安装目录下创建一个cert目录，并将所有的文件复制到cert目录。如果csr文件是在申请证书时自己创建的，请将相应的私钥文件放在证书目录中，并命名为214019722740019.key

(2)打开nginx安装目录下的conf目录下的nginx.conf文件，找到：

# https server(3)将其修改为(在以下属性中，ssl开头的属性与证书配置直接相关；请根据您的实际情况复制或调整其他属性):

服务器{保存并退出。

(4)重启nginx。

(5)通过https访问您的站点，测试站点证书的安装配置。如果遇到证书不信任问题，小费

这里需要注意的是服务器的防火墙，除了打开端口443。

下面是题目的开头。如何在微信小程序中开发带历史的搜索框？标题到此结束

小编之前介绍过小程序搜索框的开发教程，很多朋友说这个搜索框对于实现小程序搜索功能非常有用。但是现在功能升级了，大家都可以在微信小程序里开发带有历史记录的搜索框了。这样可以实现什么新的小程序功能？如何发展？让我们互相了解一下！

实现功能：搜索框，当有搜索记录时，在下拉菜单中显示，下拉子菜单，将数据分配给搜索框，搜索图标进行搜索，支持清除历史记录，手工输入并清除查询关键字。

效果：

开发代码：

wxml:

{{item.name}}

清除历史

wxss:

/*辅助菜单的外部容器样式*/。ddclass {

位置：

宽度：；

margin-top : 10px；

left : 0；

}

/*二级菜单的通用样式*/。liclass {

font-size : 14px；

线高： 34px；

color: # 575757

height: 34px

display:块；

padding-left : 18px；

背景-color : # fff；

border-bottom : 1px solid # dbdbdbdb；

}

/*突出显示辅助菜单的样式*/

li.highlight {

背景-color : # f4 f4；

color: # 48c23d

}

js:

数据：{

sercherstorage: []，inputvalue: ' '，//搜索框中输入的值

storageflag: false，//显示搜索记录标志位

}

//获取输入框的输入信息

bindinput:函数(e) {

this.setdata({

inputvalue: e.detail.value

})

},

//清除输入框数据

clearinput:function{

this.setdata({

inputvalue: ' '

})

},

//清除缓存历史并关闭历史搜索框

clearsearchstorage:函数{

wx . removestoragesync(' search data ')

this . setdata({ sercherstorage:[]，storageflag: false，})

},

//单击缓存搜索列表

tapsercherstorage:function功能(e)

{

that=this

var index=par sent(e . current target . id)；

for(var j=0；j that . data . sercher storage . length；j ) {

if (j==index) {

//将选定的搜索历史添加到搜索框中

this.setdata({

输入值：数据。sercher storage[j].名字，storageflag: false，})

}}

if (this.data.inputvalue！='') {

//请求搜索记录

}

},

//打开历史记录列表

openlocationsercher:function函数函数(e)

{

this.setdata({

sercherstorage: wx。getstoragesync('搜索数据')| |[]，//小程序调用美国石油学会(美国石油学会)从本地缓存中获取数据

storageflag: true，listflag: true，})

},

//添加搜索记录并搜索

setsearchtstorage :函数{

//让数据；

那=这个

//让localstoragevale=[]；

if (this.data.inputvalue！='') {

//将搜索记录更新到缓存

var搜索数据=那个。数据。sercher存储；

searchdata.push({

id: searchdata.length，name: that.data.inputvalue})

wx.setstoragesync('searchdata '，搜索数据)；

那个。setdata({ storageflag : false，})

//请求搜索

/*wx.request({

url: ' '，数据： { serchervalue :数据。输入值，serchertypenum :数据。serchertypenum，键入项目：数据。type item }，header: {}，method: ' '，datatype: ' '，成功：函数(res) {}，fail:函数(res) {}，完成：功能(res) {}，})*/

//wx.navigateto({

//url: './result/result '

//})

//console.log('马上就要跳转了!')

} else {

console.log('空白的你搜个jb ')

}

//这个。onload

},